Иконка Trivalent
thesvg-color:trivalent
Иконка Trivalent (thesvg-color:trivalent) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 96 × 96. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 96 × 96
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"><g fill="none"><defs><linearGradient id="SVGhqrjCc3b" x1="119.007" x2="9.871" y1="9.971" y2="118.384" gradientTransform="translate(-10.667 -10.667)scale(1.16667)" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#3dc7f5"/><stop offset=".25" stop-color="#0da6f2"/><stop offset=".5" stop-color="#5f82c9"/><stop offset=".75" stop-color="#7259a6"/><stop offset="1" stop-color="#744e74"/></linearGradient><linearGradient id="SVG3tlurd0W" x1="368" x2="144" y1="62.01" y2="449.99" gradientTransform="translate(-6.857 -6.857)scale(.21429)" gradientUnits="userSpaceOnUse" href="#SVGhqrjCc3b"/><linearGradient id="SVGOcxW8dYm" x1="368" x2="144" y1="62.01" y2="449.99" gradientTransform="translate(25.714 25.714)scale(.08705)" gradientUnits="userSpaceOnUse" href="#SVGhqrjCc3b"/></defs><rect width="96" height="96" fill="url(#SVG3tlurd0W)" ry="48"/><path fill="#fff" fill-opacity=".332" d="m61.024 30.632l8.708 13.148l-.949 16.218l-20.784 36c26.509 0 47.998-21.49 47.998-48c0-8.744-2.35-16.936-6.437-23.999H47.998z"/><path fill="gray" fill-opacity=".33" d="M0 47.999c0 26.509 21.49 47.998 48 47.998l20.784-35.999L48 70.19L27.214 59.998L6.434 24.005A47.76 47.76 0 0 0 0 47.998"/><path fill="#000" fill-opacity=".33" d="M47.998 0C30.233 0 14.733 9.659 6.434 24.005l20.78 35.993l.249-13.738l4.615-12.492l15.92-9.769H89.56C81.26 9.657 65.762 0 47.998 0"/><path fill="#e5e5ff" d="M47.999 24c-13.255 0-24 10.744-24 23.999s10.745 23.999 24 23.999c13.254 0 23.999-10.745 23.999-24c0-13.254-10.745-23.999-24-23.999m0 4.5c10.769 0 19.499 8.73 19.499 19.499s-8.73 19.499-19.5 19.499s-19.499-8.73-19.499-19.5S37.23 28.5 48 28.5"/><rect width="39" height="39" x="28.5" y="28.5" fill="url(#SVGOcxW8dYm)" ry="19.5"/></g></svg>Как использовать иконку Trivalent
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:trivalent" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:trivalent" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:trivalent" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--trivalent]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:trivalent"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:trivalent"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/trivalent.svg" alt="Иконка Trivalent" width="24" height="24">Вопросы и ответы: Иконка Trivalent
Можно ли бесплатно использовать иконку Trivalent в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Trivalent в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:trivalent" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Trivalent на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/trivalent.svg" alt="Иконка Trivalent">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.