outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Mouse
|
Пользовательский интерфейс
|
viewBox="0 0 48 48"
|
Бесплатно для коммерческого использования
Иконка SVG: Anim Scroll Snap
Источник, автор и лицензия видны в просмотре и в деталях иконки. Anim Scroll Snap - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
anim-scroll-snap.svg (1 298 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<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
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#anim
#scroll
#snap
#mouse
#interface
#outline
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)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево.
anim-scroll-snap.svg aria-hidden="true" focusable="false"
Больше в Пользовательский интерфейс
Смотретьoutline
Trash
Heroicons|interfaceoutline
User
Heroicons|interfaceoutline
Squiggle
Lucide|interfacesolid
Device Water
Material Icons|interfaceoutline
Number Square Four
Phosphor Icons|interface
Number Two
Phosphor Icons|interface
Editor Border
Material Icons|interface
Timeline Event
Tabler Icons|interface
Versions
Tabler Icons|interface
Font Search
IconPark|interface
Abacus Off
Tabler Icons|interface
Palette
MingCute Icons|interface
Communications Antenna
Domain Icons|interface
Pavilion
MingCute Icons|interface
Game Three
IconPark|interface
Cookie
Bootstrap Icons|interface
Mountain Snow
Lucide|interface
Pisces
MingCute Icons Fill|interface
Plugin
MingCute Icons Fill|interface
Graphic Stitching Three
IconPark|interface
Hardware Device Hub
Material Icons|interface
Rare Fog Lights
MingCute Icons Fill|interface
Panel 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, в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.