Иконка Metro
noto-v1:metro
Иконка Metro (noto-v1:metro) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Путешествия и места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#006ca2" d="M127.64 64c0 35.15-28.49 63.64-63.65 63.64C28.86 127.64.36 99.15.36 64S28.86.36 63.99.36c35.16 0 63.65 28.49 63.65 63.64"/><path fill="#fff" d="M49.72 106.98c0 1.97-1.6 3.57-3.57 3.57s-3.56-1.6-3.56-3.57v-13.7c0-1.97 1.6-3.56 3.56-3.56c1.97 0 3.57 1.6 3.57 3.56zm28.85 0c0 1.97 1.59 3.57 3.56 3.57s3.56-1.6 3.56-3.57v-13.7c0-1.97-1.6-3.56-3.56-3.56c-1.97 0-3.56 1.6-3.56 3.56z"/><defs><path id="SVGZFKtvbkp" d="M100.3 83.77c0 9.04-7.32 16.36-16.37 16.36H44.34c-9.04 0-16.37-7.33-16.37-16.36V38.69c0-9.03 7.33-16.36 16.37-16.36h39.59c9.05 0 16.37 7.33 16.37 16.36z"/></defs><use fill="#ed6c30" href="#SVGZFKtvbkp"/><path fill="#40c0e7" d="M93.08 47.76c0 4.87-3.94 8.83-8.83 8.83H44.02c-4.87 0-8.82-3.95-8.82-8.83V36.61c0-4.87 3.95-8.83 8.82-8.83h40.24c4.88 0 8.83 3.95 8.83 8.83v11.15z"/><path fill="#fff" d="M47.24 83.78c0 3.27-2.67 5.93-5.94 5.93c-3.29 0-5.94-2.66-5.94-5.93c0-3.28 2.65-5.94 5.94-5.94c3.27 0 5.94 2.66 5.94 5.94m33.8 0c0 3.27 2.66 5.93 5.94 5.93s5.94-2.66 5.94-5.93a5.94 5.94 0 0 0-5.94-5.94c-3.27 0-5.94 2.66-5.94 5.94"/></svg>
Как использовать иконку Metro
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:metro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:metro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:metro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--metro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:metro"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:metro"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Иконка Metro" width="24" height="24">
Иконка Metro в других наборах
Вопросы и ответы: Иконка Metro
Можно ли бесплатно использовать иконку Metro в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Metro в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:metro" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Metro на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Иконка Metro">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
ICONYZ
