Иконка Appflowy
selfhst:appflowy
Иконка Appflowy (selfhst:appflowy) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f7931e" d="M511.7 309.1C497 388.6 432.9 458 358.7 497c-9.3 4.9-13 7.7-23.5 8.3h150.7c3.4.1 6.8-.5 9.9-1.7c3.2-1.2 6.1-3.1 8.5-5.4c2.4-2.4 4.4-5.2 5.7-8.3s2-6.5 2-9.9V309h-.3z"/><path fill="#ffce00" d="M347.5 500.8c-3 .2-6.1.2-9.2 0z"/><path fill="#8427e0" d="M197.4 155.7c-2.3 1.9-4.5 3.6-6.9 5.2C152.4 187.8 36 274.8 9.6 237.4C-16.2 200.6 11 96.3 78 46.1c1.3-1 2.6-1.9 3.9-2.8C154.7-7.8 209.1-.8 235.4 36.7c24.8 35.2-2.9 90.3-38 119"/><path fill="#00b5ff" d="M482 236.3c-36 25.3-92.9-4.2-121-40.4c-1.2-1.5-2.2-3-3.2-4.5C331 153.2 244 36.8 281.4 10.5c37.5-26.3 145 2.4 194.1 72.3c1.1 1.5 2.1 3.2 3.2 4.6c47.6 70.6 40.1 123.1 3.3 148.9"/><path fill="#ffbd00" d="M433.8 466c-1.3 1-2.5 1.9-3.8 2.8c-72.8 51.2-127.2 44-153.5 6.6c-24.7-35.2 2.9-90.2 38-119c2.2-1.9 4.6-3.7 6.9-5.3c38.1-26.8 154.6-113.8 180.9-76.4c25.8 36.7-1.4 141.1-68.5 191.3"/><path fill="#e3006d" d="M230.6 501.5c-37.5 26.3-145-2.4-194.1-72.3c-1-1.4-2-2.8-2.9-4.2c-47.9-70.7-40.3-123.5-3.6-149.3c36-25.3 92.9 4.2 121 40.4c1.2 1.5 2.2 2.9 3.2 4.5c26.9 38.2 113.9 154.6 76.4 180.9"/><path fill="#9327ff" d="M197.4 155.7c-52 22.9-162.4 70.4-179 32.3C4.6 156 30.3 90.4 78.1 46.1c1.3-1 2.6-1.9 3.9-2.8C154.8-7.8 209.2-.8 235.5 36.7c24.7 35.2-3 90.3-38.1 119"/><path fill="#00c8ff" d="M482 236.3c-36 25.3-92.9-4.2-121-40.4c-23.4-53.4-68-159-30.7-175.2c33.6-14.6 104 14.4 148.3 66.7c47.7 70.6 40.2 123.1 3.4 148.9"/><path fill="#ffce00" d="M433.8 465.9c-1.3 1-2.5 1.9-3.8 2.8c-72.8 51.2-127.2 44-153.5 6.6c-24.7-35.2 2.9-90.2 38-119c52-22.9 162.4-70.4 179-32.3c13.9 32-11.9 97.6-59.7 141.9"/><path fill="#fb006d" d="M181.6 491.4C148.1 505.9 77.9 477 33.7 425c-48-70.7-40.4-123.5-3.7-149.3c36-25.3 92.9 4.2 121 40.4c23.4 53.5 67.9 159.1 30.6 175.3"/></svg>Как использовать иконку Appflowy
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:appflowy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:appflowy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:appflowy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--appflowy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:appflowy"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:appflowy"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/appflowy.svg" alt="Иконка Appflowy" width="24" height="24">Иконка Appflowy в других наборах
Вопросы и ответы: Иконка Appflowy
Можно ли бесплатно использовать иконку Appflowy в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Appflowy в React?
Установите @iconify/react и выведите <Icon icon="selfhst:appflowy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Appflowy на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/appflowy.svg" alt="Иконка Appflowy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.