Иконка Exome
thesvg-color:exome
Иконка Exome (thesvg-color:exome) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 184 × 184. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 184 × 184
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="184" height="184" viewBox="0 0 184 184"><g fill="none"><g fill="#f5841b" fill-rule="evenodd" clip-path="url(#SVG9TBU6dgR)" clip-rule="evenodd"><path d="m23 173.5l.1-.7v.7Zm37.7-42.6a278 278 0 0 1-27 19.3a379.5 379.5 0 0 1 52.7-64a378.5 378.5 0 0 1 64-52.6a272 272 0 0 1-19.5 27.1a50 50 0 0 1 10 22.4c31.8-37.5 48.9-70.3 39.6-79.6c-11.8-11.7-60.8 18.4-109.6 67.2c-48.9 48.8-79 97.9-67.2 109.6c9.3 9.3 42-7.7 79.4-39.3a50 50 0 0 1-22.4-10Zm113-108h-.7h.6ZM161 10.3l-.1.7v-.7ZM11 160.8h-.6h.7Z"/><path d="M11 23.1h.6a2 2 0 0 1-.7 0Zm75.8 74.7a378.6 378.6 0 0 1-52.6-64a274 274 0 0 1 26.2 18.8a50 50 0 0 1 22.2-10.4C45.6 11.1 13.3-5.5 4 3.7C-7.6 15.4 22.5 64.5 71.3 113.3s97.9 79 109.6 67.2c9.3-9.3-7.8-42.3-39.8-80a50 50 0 0 1-10.2 22.2a304 304 0 0 1 20 27.7a378.6 378.6 0 0 1-64-52.6Zm74.7 75.9v-.7zM174 161h-.7zM23.6 11.2v-.7z"/></g><defs><clipPath id="SVG9TBU6dgR"><path fill="#fff" d="M0 0h184v184H0z"/></clipPath></defs></g></svg>Как использовать иконку Exome
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:exome" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:exome" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:exome" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--exome]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:exome"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:exome"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/exome.svg" alt="Иконка Exome" width="24" height="24">Вопросы и ответы: Иконка Exome
Можно ли бесплатно использовать иконку Exome в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Exome в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:exome" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Exome на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/exome.svg" alt="Иконка Exome">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.