Иконка Sive
thesvg-color:sive
Иконка Sive (thesvg-color:sive) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 64 × 64. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 64 × 64
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path d="M29.13 43.91v17.32c0 3.69 5.73 3.7 5.73 0V43.91c0-3.69-5.73-3.69-5.73 0m-11.46 0c0 2.19.31 4.65-.06 6.79c-.29 1.64-1.55 2.98-3.14 3.42c-1.15.32-2.5.14-2.5-1.19c0-3.69-5.73-3.7-5.73 0c0 3.58 2.78 6.61 6.31 7.01c3.27.37 6.6-1.18 8.62-3.73c2.81-3.55 2.23-8.06 2.23-12.3c0-3.69-5.73-3.69-5.73 0m22.75 0c0 4.3-.42 8.6 2.7 12.06c2.09 2.31 5.45 3.59 8.54 3.11c3.36-.53 5.93-3.54 5.93-6.95c0-3.69-5.73-3.7-5.73 0c0 1.04-.96 1.45-1.94 1.31c-1.59-.22-2.94-1.33-3.5-2.81c-.39-1.03-.27-2.2-.27-3.3v-3.41c0-3.69-5.73-3.69-5.73 0z"/><path fill-rule="evenodd" d="M61.7 31.3c-.1-10.94-5.56-21.54-15.03-27.25c-9.14-5.53-20.98-5.39-29.97.39c-9.18 5.9-14.54 16.49-14.39 27.34c.07 5.67 3.03 11.06 8.28 13.53c2.91 1.37 5.7 1.53 8.84 1.2c3.41-.36 6.82-.69 10.24-.82c3.82-.14 7.63.04 11.42.43c3.38.34 6.71 1.06 10.06.08c3.12-.91 5.81-2.84 7.75-5.43c2.05-2.75 2.77-5.96 2.8-9.33v-.05l-.01-.05zm-12.26 9.43c-2.35.64-4.82.04-7.19-.22c-2.86-.31-5.72-.55-8.6-.59c-3.17-.05-6.33.13-9.49.4c-1.42.12-2.84.26-4.26.41c-1.31.14-2.66.41-3.97.27c-3.97-.42-7.24-3.66-7.81-7.59c-.6-4.16.42-8.95 2.08-12.77c1.72-3.96 4.42-7.57 7.86-10.2C24.7 5.37 33.91 4.15 41.5 7.77c9.06 4.31 14.4 13.71 14.46 23.61c.03 4.31-2.08 8.14-6.46 9.35zm-21.49-9.16c1.47.04 2.67-1.14 2.67-2.59c0-.46-.16-.92-.47-1.27c-.41-.48-.92-.85-1.51-1.11a.36.36 0 0 1 0-.66c.58-.25 1.1-.64 1.51-1.11c.31-.35.47-.8.47-1.27c0-.71-.29-1.36-.76-1.83s-1.11-.76-1.83-.76a2.59 2.59 0 0 0-2.59 2.59v5.3c0 1.42 1.09 2.66 2.51 2.7zm14.2 0c1.47.04 2.67-1.14 2.67-2.59c0-.46-.16-.92-.47-1.27c-.41-.48-.92-.85-1.51-1.11a.36.36 0 0 1 0-.66c.58-.25 1.1-.64 1.51-1.11c.31-.35.47-.8.47-1.27c0-.71-.29-1.36-.76-1.83s-1.11-.76-1.83-.76a2.59 2.59 0 0 0-2.59 2.59v5.3c0 1.42 1.09 2.66 2.51 2.7z"/></svg>Как использовать иконку Sive
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sive"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sive"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sive.svg" alt="Иконка Sive" width="24" height="24">Вопросы и ответы: Иконка Sive
Можно ли бесплатно использовать иконку Sive в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sive в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:sive" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sive на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/sive.svg" alt="Иконка Sive">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.