Appflowy アイコン
thesvg-color:appflowy
Appflowy アイコン(thesvg-color:appflowy)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 41 × 40 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 41 × 40
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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Appflowy アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:appflowy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Appflowy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/appflowy.svg" alt="Appflowy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。