ICONYZ
Русский
Иконка 302dotai из набора theSVG Color

Иконка 302dotai

thesvg-color:302dotai

Иконка 302dotai (thesvg-color:302dotai) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 24 × 24. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
theSVG Color
Автор
thesvg.org
Лицензия
MIT
Размер
24 × 24
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#3f3faa" d="M13.086 23.25c5.614 0 10.164-4.559 10.164-10.182S18.7 2.886 13.086 2.886S2.923 7.444 2.923 13.068c0 5.623 4.55 10.182 10.163 10.182"/><path fill="#8e47ff" d="M10.914 21.114c5.613 0 10.163-4.559 10.163-10.182S16.527.75 10.914.75S.75 5.309.75 10.932S5.3 21.114 10.914 21.114"/><path fill="#fff" d="M10.755 17.708c-.722 0-1.416-.24-1.995-.69a3.25 3.25 0 0 1-1.23-2.177a3.3 3.3 0 0 1-.006-.782q-.301.058-.618.056a3.265 3.265 0 0 1-3.261-3.262A3.27 3.27 0 0 1 7.65 7.67a3.27 3.27 0 0 1 3.241-3.638a3.266 3.266 0 0 1 3.242 3.577a3.269 3.269 0 0 1 2.694 5.693a3.23 3.23 0 0 1-2.365.782a3 3 0 0 1-.466-.066c0 .008.005.014.005.02a3.25 3.25 0 0 1-.664 2.41a3.24 3.24 0 0 1-2.583 1.259zm-1.808-4.313a2.08 2.08 0 0 0-.263 1.304a2.09 2.09 0 0 0 2.335 1.826a2.1 2.1 0 0 0 1.398-.791a2.08 2.08 0 0 0 .425-1.548a2.1 2.1 0 0 0-.405-1.004a3.3 3.3 0 0 1-.39-.462a.58.58 0 1 1 .947-.675q.065.091.137.173a.6.6 0 0 1 .111.101l.056.071a2.096 2.096 0 0 0 3.49-1.405a2.096 2.096 0 0 0-1.93-2.248a2.08 2.08 0 0 0-1.251.304a.58.58 0 0 1-.648.061a.59.59 0 0 1-.233-.796A2.102 2.102 0 0 0 10.888 5.2A2.1 2.1 0 0 0 9.14 8.457l.03.056c.61.594.993 1.42.993 2.339A3.27 3.27 0 0 1 8.947 13.4zM6.901 8.752a2.1 2.1 0 0 0-2.092 2.1c0 1.16.936 2.101 2.092 2.101a2.1 2.1 0 0 0 0-4.201"/></svg>

Как использовать иконку 302dotai

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:302dotai" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:302dotai" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:302dotai" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--302dotai]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:302dotai"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:302dotai"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/302dotai.svg" alt="Иконка 302dotai" width="24" height="24">

Иконка 302dotai в других наборах

Вопросы и ответы: Иконка 302dotai

Можно ли бесплатно использовать иконку 302dotai в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку 302dotai в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:302dotai" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку 302dotai на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/302dotai.svg" alt="Иконка 302dotai">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →