새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다.
Anim Scroll Snap SVG 아이콘
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. Anim Scroll Snap - 상업적 사용과 개인 사용 모두 무료. 회원가입 불필요 | 100% 브라우저 로컬 처리
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" width="36" height="36" role="img" aria-label="Anim Scroll Snap icon"><title>Anim Scroll Snap - Mouse icon</title><desc>Free Anim Scroll Snap vector icon from the Mouse open-source icon library; outline style, MIT licence, viewBox 0 0 48 48, 1035 bytes.</desc>
<style>@keyframes mn36-snap{0%{transform:translateY(0)}25%{transform:translateY(9px)}50%{transform:translateY(9px)}75%{transform:translateY(18px)}100%{transform:translateY(18px)}}@keyframes mn36-dash{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-8}}.nx4955_mn36-s{animation:mn36-snap 2.4s cubic-bezier(.6,0,.4,1) infinite}.nx4955_mn36-d{animation:mn36-dash .7s linear infinite}@media (prefers-reduced-motion: reduce){*{animation:none!important}}</style><path d="M12 6h9M12 15h9M12 24h9M12 33h9" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3.4"/><g class="nx4955_mn36-s"><path d="M32 8H32A2 2 0 0 1 34 10V15A2 2 0 0 1 32 17H32A2 2 0 0 1 30 15V10A2 2 0 0 1 32 8Z" fill="currentColor" fill-opacity="1.0"/></g><g class="nx4955_mn36-d"><path d="M36 4v32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2.4 2.4"/></g>
</svg>
이 아이콘을 개선하거나 새로 꾸밀까요? Anim Scroll Snap
정교한 엔지니어링 프롬프트를 만들거나 캔버스에서 아이콘을 바로 개선하세요. Anim Scroll Snap
Library: Mouse | Author: Mouse Contributors | License: MIT | 회원가입 불필요 | 100% 브라우저 로컬 처리
Anim Scroll Snap - 벡터 기술 사양
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. Anim Scroll Snap
| 표준 자료 식별자 | mouse/anim-scroll-snap |
|---|---|
| 원본 라이브러리 팩 | Mouse |
| 좌표 격자와 viewBox | viewBox="0 0 48 48" |
| 비압축 용량 | 1,298 bytes (~714 bytes gzipped) |
| SPDX 라이선스와 상업적 사용 | MIT - 상업적 사용 무료 |
| 지원하는 내보내기 형식 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 보안과 개인정보 보증 | 회원가입 불필요 | 100% 브라우저 로컬 처리 |
이 아이콘 사용과 꾸미기 방법: Anim Scroll Snap
- 시각적으로 꾸미기: 색상, 자동 (선과 채우기), 선 두께 (
0.5px-4px), 실시간 벡터 애니메이션 프리셋 - 벡터 또는 이미지 내려받기: SVG 다운로드, PNG (투명), WebP (최적화) (
2048x2048 px) - 프레임워크 코드 복사하기: React, Next.js, Vue 3, Svelte, Angular, HTML, CSS 마스크용 코드를 바로 복사하세요.
- 깊은 벡터 편집: SVG 편집기에서 편집 (77,087)
anim-scroll-snap.svg aria-hidden="true" focusable="false"
같은 분류 사용자 인터페이스 (UI/UX)
둘러보기Trash
Heroicons|interfaceUser
Heroicons|interfaceSquiggle
Lucide|interfaceDevice Water
Material Icons|interfaceNumber Square Four
Phosphor Icons|interfaceNumber Two
Phosphor Icons|interfaceEditor Border
Material Icons|interfaceTimeline Event
Tabler Icons|interfaceVersions
Tabler Icons|interfaceFont Search
IconPark|interfaceAbacus Off
Tabler Icons|interfacePalette
MingCute Icons|interfaceCommunications Antenna
Domain Icons|interfacePavilion
MingCute Icons|interfaceGame Three
IconPark|interfaceCookie
Bootstrap Icons|interfaceMountain Snow
Lucide|interfacePisces
MingCute Icons Fill|interfacePlugin
MingCute Icons Fill|interfaceGraphic Stitching Three
IconPark|interfaceHardware Device Hub
Material Icons|interfaceRare Fog Lights
MingCute Icons Fill|interfacePanel Left Open
Lucide|interface더 둘러보기
Anim Scroll Snap - 자주 묻는 질문
Anim Scroll Snap에는 어떤 라이선스가 적용되나요? +
Anim Scroll Snap은(는) Mouse에서 제공되며 MIT의 적용을 받습니다. 출처 표시: 출처 표시 필수.
Anim Scroll Snap을(를) 어떤 형식으로 다운로드할 수 있나요? +
Anim Scroll Snap은(는) outline 스타일 벡터입니다(viewBox 0 0 48 48). SVG, PNG, WebP 또는 ICO를 다운로드하거나 이 페이지에서 React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask 또는 Base64 코드를 복사하세요.
Anim Scroll Snap 아이콘은 어디에서 왔나요? +
Anim Scroll Snap은(는) Mouse 라이브러리의 일부이며, 제작자는 Mouse Contributors이고, 사용자 인터페이스 (UI/UX) 카테고리에 속합니다. 라이선스 전문은 이 페이지에 링크된 라이브러리 고지 파일에 있습니다.
SVG 편집기
브라우저에서 경로, 레이어, 색상, 애니메이션을 편집하고 정리된 SVG, PNG 또는 프레임워크 코드를 내보내세요.