ICONYZ
Русский
Иконка Three Solid из набора Myna UI Icons

Иконка Three Solid

mynaui:three-solid

Иконка Three Solid (mynaui:three-solid) — бесплатная SVG-иконка из набора Myna UI Icons от Praveen Juge. Она нарисована на сетке 24 × 24. Myna UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Myna UI Icons
Автор
Praveen Juge
Лицензия
MIT
Размер
24 × 24
Теги
threesolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.457 7.011c.761.54 1.293 1.38 1.293 2.482v.022a2 2 0 0 1-.01.152a3.4 3.4 0 0 1-.495 1.476c-.193.31-.45.606-.785.857c.335.25.592.546.786.857a3.4 3.4 0 0 1 .504 1.628v.021c0 1.101-.532 1.943-1.293 2.483c-.739.523-1.68.761-2.582.761s-1.844-.238-2.582-.761C8.532 16.449 8 15.609 8 14.507a.75.75 0 0 1 1.5 0c0 .56.25.967.66 1.258c.434.307 1.054.485 1.715.485s1.281-.178 1.715-.485c.409-.29.658-.694.66-1.252v-.003l-.003-.044a1.9 1.9 0 0 0-.274-.816c-.245-.392-.776-.9-2.098-.9a.75.75 0 0 1 0-1.5c1.322 0 1.854-.508 2.098-.9a1.9 1.9 0 0 0 .277-.86v-.003c-.002-.558-.251-.962-.66-1.252c-.434-.307-1.054-.485-1.715-.485s-1.281.178-1.715.485c-.41.291-.66.697-.66 1.258a.75.75 0 1 1-1.5 0c0-1.101.532-1.942 1.293-2.482c.739-.523 1.68-.761 2.582-.761s1.844.238 2.582.761"/></svg>

Как использовать иконку Three Solid

React

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

<Icon icon="mynaui:three-solid" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:three-solid" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:three-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--three-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:three-solid"></div>

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

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

<iconify-icon icon="mynaui:three-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/mynaui/three-solid.svg" alt="Иконка Three Solid" width="24" height="24">

Похожие иконки в наборе Myna UI Icons

Вопросы и ответы: Иконка Three Solid

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

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

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

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

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

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

Все Myna UI Icons →