Иконка Fastify Dark

thesvg-color:fastify-dark

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

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 256 × 168
Теги: fastifydark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="168" viewBox="0 0 256 168"><path fill="#fff" d="M247.942 23.314L256 2.444l-.35-1.293l-79.717 21.003C184.433 9.86 181.513 0 181.513 0s-25.457 16.257-44.709 15.832c-19.251-.426-25.457-5.564-54.977 3.853c-29.52 9.41-37.86 38.295-46.419 44.5S0 90.603 0 90.603l.058.359l24.207-7.707S17.625 89.51 3.52 108.52l-.659-.609l.025.134s11.336 17.324 22.463 14.121c1.118-.325 2.377-.859 3.753-1.56c4.48 2.495 10.327 4.947 16.783 5.622c0 0-4.37-5.08-8.016-10.86c.984-.634 1.994-1.293 3.02-1.96l-.476.334l9.217 3.386l-1.017-8.666c.033-.017.058-.042.091-.059l9.059 3.328l-1.126-7.882a77 77 0 0 1 3.436-1.693l9.443-35.717l39.045-26.634l-3.103 7.808c-7.916 19.468-22.78 24.064-22.78 24.064l-6.206 2.352c-4.612 5.455-6.556 6.798-8.14 25.107c3.72-.934 7.273-1.16 10.492-.292c16.683 4.496 22.463 24.599 17.967 30.162c-1.126 1.393-3.803 3.77-7.181 6.565h-6.773l-.092 5.488c-.234.184-.467.359-.693.542h-6.89l-.083 5.355c-.609.468-1.218.918-1.801 1.36c-6.473.133-14.673-5.514-14.673-5.514c0 5.139 4.28 13.046 4.28 13.046s.283-.133.758-.367c-.417.309-.65.476-.65.476s17.324 11.552 28.235 7.273c9.7-3.804 34.816-23.606 56.495-32.981l65.603-17.283l8.65-22.413l-49.997 13.17V83.597l58.664-15.457l8.65-22.413l-67.297 17.734V43.324z"/></svg>

Как использовать иконку Fastify Dark

React

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

<Icon icon="thesvg-color:fastify-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:fastify-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:fastify-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="thesvg-color:fastify-dark"></iconify-icon>

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

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

Вопросы и ответы: Иконка Fastify Dark

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

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

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

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

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

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

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