Перейти к содержимому
outline Apache-2.0 2 векторных узлов
Maps - Material Icons iconFree Maps vector icon from the Material Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Статичная
1. Цвет

Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.

2. Фон холста и преобразования
3. Живые векторные анимации Включено в экспорт SVG
Material Icons | Пользовательский интерфейс | viewBox="0 0 24 24" | Бесплатно для коммерческого использования

карты - Векторные и 3D иконки

Источник, автор и лицензия видны в просмотре и в деталях иконки. карты - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере

Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет. material-sharp-maps-maps-360.svg (559 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Maps icon"><title>Maps - Material Icons icon</title><desc>Free Maps vector icon from the Material Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 7C6.48 7 2 9.24 2 12c0 2.24 2.94 4.13 7 4.77V20l4-4-4-4v2.73c-3.15-.56-5-1.9-5-2.73 0-1.06 3.04-3 8-3s8 1.94 8 3c0 .73-1.46 1.89-4 2.53v2.05c3.53-.77 6-2.53 6-4.58 0-2.76-4.48-5-10-5z"/></svg>
Промпт ИИ и улучшение вектора

Хотите улучшить или изменить стиль этой иконки? карты

Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. карты

Генератор промптов полностью в браузере
карты Free SVG Vector Icon - Material Icons (Apache-2.0)
Проверка источника и лицензии LICENSE.txt

Library: Material Icons | Author: Google LLC | License: Apache-2.0 | Без Регистрации | 100% Обработка в Браузере

Ключевые слова
#material #sharp #maps #360 #interface #outline #карты svg #карты icon #карты material icons #карты react tsx #карты vue #карты png
Популярно на вашем языке
бесплатные svg иконки скачать векторные иконки бесплатно конвертер svg в png онлайн бесплатный редактор svg в браузере 3d иконки svg оптимизация svg файлов react svg компоненты css анимация svg иконки для коммерческого использования библиотека svg иконок

карты - Технические характеристики вектора

Источник, автор и лицензия видны в просмотре и в деталях иконки. карты

Канонический идентификатор файла material/material-sharp-maps-maps-360
Исходный пакет библиотеки Material Icons
Сетка координат и viewBox viewBox="0 0 24 24"
Размер без сжатия 559 bytes (~307 bytes gzipped)
Лицензия SPDX и коммерческое использование Apache-2.0 - Бесплатно для коммерческого использования
Поддерживаемые форматы экспорта SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Гарантия безопасности и приватности Без Регистрации | 100% Обработка в Браузере

Как использовать и настроить эту иконку: карты

  1. Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (0.5px-4px), Живые векторные анимации
  2. Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (2048x2048 px)
  3. Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
  4. Глубокая векторная правка: Править в SVG редакторе (76,166)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево. material-sharp-maps-maps-360.svg aria-hidden="true" focusable="false"

Больше в Пользовательский интерфейс

Смотреть

Смотреть ещё

Часто задаваемые вопросы

карты - Часто задаваемые вопросы

Бесплатна ли SVG-иконка карты для коммерческого использования? +

Да, иконка карты из коллекции Material Icons доступна по лицензии Apache-2.0 для бесплатного коммерческого использования.

Сохраняет ли иконка карты оригинальные цвета при скачивании? +

Да, карты сохраняет исходные цвета по умолчанию, пока вы не выберете новый цвет в редакторе.

Как использовать иконку карты в React или Vue? +

Откройте вкладку React TSX или Vue 3 на этой странице и нажмите Copy SVG. Вставьте компонент в проект и оформите его через CSS или Tailwind.

Можно ли скачать карты в виде прозрачного PNG? +

Да, выберите размер до 1024 пикселей и нажмите Скачать PNG.

Как анимировать иконку карты с помощью CSS? +

Выберите анимацию в живом редакторе, чтобы автоматически встроить CSS keyframes.

Можно ли создать AI-промпт для иконки карты? +

Да, используйте генератор AI-промптов на этой странице для стилей 3D, Стекло или Неон.

Можно ли менять размер иконки карты без потери качества? +

Да. Файл карты это вектор с масштабируемым viewBox, поэтому он остается четким в 16px, 64px, 512px и в печати.

Куда сообщить о проблеме с файлом карты? +

Напишите на support@svgnexus.com и укажите адрес иконки. Вопросы лицензии по карты идут на legal@svgnexus.com.

100% Обработка в Браузере | 76,166 иконок

Редактор SVG

Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.

Введите запрос для поиска среди 76,166 векторных иконок...

Навигация | Enter чтобы открыть Все иконки

Сравнить

Источник и лицензия иконки

Лицензия Коммерческое использование Указание авторства Правка или перекраска
MITРазрешеноУведомление в сборкеРазрешено
ISCРазрешеноУведомление в сборкеРазрешено
Apache-2.0РазрешеноОбязательно с файлом уведомленияРазрешено
CC BY 4.0РазрешеноНужна атрибуцияРазрешено
CC-BY-SA-4.0РазрешеноСохранение условийСохранение условий
Trademark / BrandТолько справочное использованиеПравила владельцаОграничено

Предпросмотр иконки