Иконка Appflowy

thesvg-color:appflowy

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

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 41 × 40

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="41" height="40" viewBox="0 0 41 40"><g fill="none"><path fill="#f7931e" d="M39.956 24.02c-1.146 6.148-6.173 11.512-11.95 14.521c-.706.393-1.543.61-2.337.654h12.259c1.19 0 2.028-.872 2.028-1.962z"/><path fill="#8427e0" d="m15.438 12.158l-.53.392C11.91 14.643 2.827 21.359.755 18.437C-1.275 15.603.886 7.58 6.09 3.697c.088-.087.22-.13.308-.218c5.689-3.968 9.922-3.4 11.995-.523c1.94 2.704-.22 6.978-2.955 9.202"/><path fill="#ffbd00" d="M33.872 36.098c-.089.087-.177.13-.31.218c-5.688 3.968-9.921 3.401-11.994.523c-1.94-2.703.22-6.977 2.955-9.201l.53-.393c2.998-2.05 12.082-8.808 14.11-5.887c2.073 2.835-.044 10.859-5.291 14.74"/><path fill="#e3006d" d="M17.995 38.846c-2.91 2.05-11.288-.174-15.125-5.582a1.3 1.3 0 0 1-.22-.305c-3.749-5.451-3.131-9.55-.265-11.513c2.822-1.962 7.232.305 9.437 3.14c.088.13.176.218.264.349c2.073 2.922 8.864 11.905 5.91 13.91"/><path fill="#9327ff" d="M15.439 12.158c-4.057 1.787-12.7 5.45-13.98 2.485C.358 12.158 2.387 7.1 6.09 3.698c.09-.088.221-.131.31-.219c5.688-3.968 9.921-3.4 11.994-.523c1.94 2.704-.22 6.978-2.955 9.202"/><path fill="#00b5ff" d="M37.662 18.396c-2.822 1.962-7.232-.306-9.436-3.14c-.088-.131-.177-.218-.265-.35c-2.117-2.965-8.907-11.948-5.997-13.954c2.91-2.05 11.333.175 15.17 5.582c.087.13.176.218.264.349c3.704 5.451 3.13 9.507.264 11.513"/><path fill="#00c8ff" d="M37.663 18.393c-2.822 1.963-7.232-.305-9.437-3.14c-1.808-4.142-5.292-12.297-2.381-13.518C28.49.601 33.959 2.869 37.442 6.881c3.66 5.45 3.087 9.506.22 11.512"/><path fill="#ffce00" d="M33.872 36.099c-.089.087-.177.13-.31.218c-5.688 3.968-9.921 3.401-11.994.523c-1.94-2.704.22-6.977 2.955-9.201c4.057-1.788 12.7-5.451 13.979-2.486c1.146 2.486-.882 7.544-4.63 10.946"/><path fill="#fb006d" d="M14.203 38.061c-2.646 1.134-8.114-1.09-11.553-5.102c-3.749-5.451-3.131-9.55-.265-11.513c2.822-1.962 7.232.305 9.437 3.14c1.808 4.1 5.291 12.254 2.381 13.475"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="thesvg-color:appflowy"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

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