인터페이스 / 회전

Snowflake spin

겨울 화면에 어울리는 천천히 회전하는 눈송이 아이콘입니다.

무료 사용 · CC0-1.0 ↗이 아이콘으로 애니메이션 만들기 ↗

96 × 96 PX · SVG

원하는 모습으로 편집

01 / 애니메이션

재생 시간 (ms)시작 지연 (ms)

속도 변화반복재생 방향움직임 강도1.0×

02 / 모양색상#253E35크기 (px)선 두께1.7 px

편집한 설정은 이 브라우저에 저장됩니다. 계정 없이 바로 사용할 수 있습니다.

바로 사용할 수 있는 SVG.

하나의 파일 · SVG + CSS

코드 형식

<svg xmlns="http://www.w3.org/2000/svg" id="svg-snowflake-spin-d4qt9y" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="#253e35" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" role="img" aria-labelledby="svg-snowflake-spin-d4qt9y-title">
  <title id="svg-snowflake-spin-d4qt9y-title">Snowflake spin</title>
  <!-- Source: Motive Originals
Author: Motive project
Source page: /sources/original/
License: CC0-1.0 (https://creativecommons.org/publicdomain/zero/1.0/)
Original project artwork, CC0-1.0. No attribution required. -->
  <style>@keyframes svg-snowflake-spin-d4qt9y-motion-0{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#svg-snowflake-spin-d4qt9y [data-motion]{transform-box:view-box;transform-origin:12px 12px;animation-name:svg-snowflake-spin-d4qt9y-motion-0;animation-duration:2400ms;animation-delay:0ms;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:both}
@media(prefers-reduced-motion:reduce){#svg-snowflake-spin-d4qt9y [data-motion]{animation:none}}</style>
  <g data-motion="motion">
    <path d="M12 3v18 M4.2 7.5l15.6 9 M4.2 16.5l15.6-9 M9 5l3 3 3-3 M9 19l3-3 3 3 M4.8 11l4.2-1.5-.8-4.2 M15.8 18.7 15 14.5l4.2-1.5 M4.8 13l4.2 1.5-.8 4.2 M15.8 5.3 15 9.5l4.2 1.5"/>
  </g>
</svg>

CSS 애니메이션과 움직임 줄이기 지원이 포함됩니다. JavaScript나 외부 파일이 필요하지 않습니다.

GIF는 흰색 배경에 움직임을 위한 여백을 포함합니다. 색상·크기·시간·반복 설정이 반영됩니다.

인터페이스 활용 예제

버튼을 눌러 아이콘과 화면의 반응을 확인하세요. 이 페이지 안에서만 동작하는 데모이며 동작 줄이기 설정을 따릅니다.

인터페이스 제어

—

작은 디테일, 세심한 사용.

예보와 지역, 날짜를 글로 함께 표시해 움직임 없이도 겨울 날씨 정보를 이해할 수 있게 하세요.

움직임은 화면의 의미를 보조해야 합니다. 피드백에는 제한된 반복 횟수를 사용하고 중요한 정보는 글로도 전달하세요. 내려받은 SVG는 사용자의 움직임 줄이기 설정을 따릅니다.

SVG 사용 방법 ↗

카테고리: 인터페이스
모션: 회전
캔버스: 24 × 24 viewBox
라이선스: CC0-1.0
출처: Motive 직접 제작프로젝트에서 직접 제작한 도형
제작자: Motive 프로젝트
태그: 겨울, 눈송이, 날씨

원하는 모습으로 편집

바로 사용할 수 있는 SVG.

인터페이스 활용 예제

인터페이스 제어

작은 디테일, 세심한 사용.

함께 사용하기 좋은 아이콘.

Icicles draw

Snow cloud draw

Snow mountain draw

Candy cane ring

Cloud bounce