Иконка Tracearr
selfhst:tracearr
Иконка Tracearr (selfhst:tracearr) — бесплатная 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"><filter id="SVGqReBxIRF" width="140%" height="140%" x="-20%" y="-20%"><feGaussianBlur result="blur" stdDeviation="1"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter><path fill="#0b1a2e" d="M256 0L36.6 91.4V256c0 128 91.4 219.4 219.4 256c128-36.6 219.4-128 219.4-256V91.4z"/><path fill="#162840" d="M256 36.6L73.1 109.7v128c0 109.7 77.7 187.4 182.9 219.4c105.1-32 182.9-109.7 182.9-219.4v-128z"/><path fill="#18d1e7" d="M359.3 198.4c-2.3 0-4.7-.9-6.5-2.7c-25.9-25.9-60.2-40.2-96.9-40.3c-5 0-9.1-4.1-9.1-9.2c0-5 4.1-9.1 9.1-9.1c41.5.1 80.5 16.3 109.8 45.7c3.6 3.6 3.6 9.4 0 12.9c-1.7 1.8-4 2.7-6.4 2.7" opacity=".6"/><path fill="#18d1e7" d="M384.9 172.8c-2.3 0-4.7-.9-6.5-2.7c-32.7-32.8-76.1-51-122.5-51.2c-5 0-9.1-4.1-9.1-9.2c0-5 4.1-9.1 9.1-9.1c51.2.2 99.3 20.3 135.4 56.6c3.6 3.6 3.5 9.4 0 12.9c-1.7 1.8-4.1 2.7-6.4 2.7" opacity=".4"/><path fill="#18d1e7" d="M411.4 146.3c-2.3 0-4.7-.9-6.5-2.7c-39.8-39.7-92.3-61.4-149-61.3c-5 0-9.1-4.1-9.1-9.1s4.1-9.2 9.1-9.2h.6c60.9 0 118.2 23.7 161.3 66.7c3.6 3.6 3.6 9.4 0 12.9c-1.7 1.8-4 2.7-6.4 2.7" opacity=".2"/><g filter="url(#SVGqReBxIRF)"><path fill="#18d1e7" d="M164.6 182.9h182.8v36.5h-73.1v146.3h-36.6V219.4h-73.1z"/></g></svg>Как использовать иконку Tracearr
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:tracearr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:tracearr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:tracearr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--tracearr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:tracearr"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:tracearr"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/tracearr.svg" alt="Иконка Tracearr" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Tracearr
Можно ли бесплатно использовать иконку Tracearr в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Tracearr в React?
Установите @iconify/react и выведите <Icon icon="selfhst:tracearr" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tracearr на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/tracearr.svg" alt="Иконка Tracearr">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.