본문으로 건너뛰기

© 2026 Molayo

X요약2026. 06. 15. 03:46

이게 전부 무료로 사용 가능하다니 믿기지 않네요.

요약

Itshover라는 사이트에서 마우스를 올리면 움직이는 263종의 아이콘을 무료로 배포합니다. 이 아이콘들은 단순히 표시되는 것이 아니라, 처음부터 애니메이션이 내장되어 있어 웹사이트나 앱에 쉽게 적용할 수 있습니다. 사용자는 코드를 복사-붙여넣기만 하고 색상, 크기, 움직임 속도 등을 조정하여 '살아있는' 느낌을 구현할 수 있습니다.

핵심 포인트

  • 마우스를 올리면 반응하는 263종의 애니메이션 아이콘 제공
  • 애니메이션이 내장된 완성형 아이콘으로 즉시 사용 가능
  • 코드 복사-붙여넣기만으로 웹/앱에 쉽게 적용 가능
  • 오픈 소스 기반이라 자유로운 수정 및 활용 가능

마우스를 올리면 부드럽게 움직이기 시작하는 아이콘 263종류가 모두 완전히 무료로 배포되는 사이트입니다. 이름은 Itshover입니다.

・웹사이트나 앱에 바로 붙여서 사용할 수 있음
・각각의 색상이나 움직임을 자유롭게 편집할 수 있음
・모두 오픈 소스 (누구나 무료로 사용하고 수정 가능)

이런 식으로, 화면에 '살아있는' 느낌을 즉시 줄 수 있는 아이콘 자료 모음입니다.

여기서 대단한 점은 단순히 표시만 되는 일반적인 아이콘이 아니라, '처음부터 움직임이 내장된 아이콘'을 복사해서 붙여넣기만 하면 사용할 수 있다는 것입니다.

이는 본질적으로 '아이콘을 처음부터 그리고 직접 움직임을 주는 것'에서 '완성된 움직이는 아이콘을 고르는 것'으로의 변화를 의미합니다.

・버튼에 추가하는 작은 움직임
・메뉴나 내비게이션 전환 연출
・대시보드나 앱 화면 장식

이러한 요소들을 어려운 구현 없이 복사-붙여넣기로 불러올 수 있게 됩니다.

예를 들어, 설정 버튼에 톱니바퀴 아이콘을 넣고 싶을 때,

① 사이트에서 마음에 드는 움직이는 톱니바퀴 아이콘을 고른다
② 표시된 코드를 복사해서 자신의 화면에 붙여넣는다
③ 색상・크기・움직임 속도를 원하는 대로 조정한다

이 세 단계만으로, 마우스를 올리면 빙글빙글 돌아가는 톱니바퀴가 완성됩니다.

실제 사이트는 여기입니다.

참고한 원 포스트는 여기입니다.

AI 자동 생성 콘텐츠

본 콘텐츠는 X @so_ainsight (자동 발견)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
0

댓글

0