Иконка Omniroute
selfhst:omniroute
Иконка Omniroute (selfhst:omniroute) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGmP1vtdFX" x1="0" x2="512" y1="514" y2="2" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e54d5e"/><stop offset="1" stop-color="#c93d4e"/></linearGradient><path fill="url(#SVGmP1vtdFX)" d="M96 0h320c53 0 96 43 96 96v320c0 53-43 96-96 96H96c-53 0-96-43-96-96V96C0 43 43 0 96 0"/><path fill="#fff" d="M384 352c-7.9 0-15.1 3-20.7 7.8l-93.1-58.2c19.5-6.1 33.7-24.1 33.7-45.6s-14.2-39.5-33.7-45.6l93.1-58.2c5.6 4.8 12.7 7.8 20.7 7.8c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32c0 2.8.5 5.4 1.1 8l-87.5 54.7V102c8.5-3.7 14.4-12.1 14.4-22c0-13.3-10.7-24-24-24s-24 10.7-24 24c0 9.8 5.9 18.3 14.4 22v88.7L158.9 136c.7-2.6 1.1-5.2 1.1-8c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32c7.9 0 15.1-3 20.7-7.8l93.1 58.2c-19.5 6.1-33.7 24.1-33.7 45.6s14.2 39.5 33.7 45.6l-93.1 58.2C143.1 355 136 352 128 352c-17.7 0-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32c0-2.8-.5-5.4-1.1-8l87.5-54.7V410c-8.5 3.7-14.4 12.1-14.4 22c0 13.3 10.7 24 24 24s24-10.7 24-24c0-9.8-5.9-18.3-14.4-22v-88.7l87.5 54.7c-.7 2.6-1.1 5.2-1.1 8c0 17.7 14.3 32 32 32s32-14.3 32-32s-14.3-32-32-32"/></svg>Как использовать иконку Omniroute
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:omniroute" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:omniroute" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:omniroute" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--omniroute]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:omniroute"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:omniroute"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/omniroute.svg" alt="Иконка Omniroute" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Omniroute
Можно ли бесплатно использовать иконку Omniroute в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Omniroute в React?
Установите @iconify/react и выведите <Icon icon="selfhst:omniroute" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Omniroute на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/omniroute.svg" alt="Иконка Omniroute">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.