Ikon Appflowy
thesvg-color:appflowy
Ikon Appflowy (thesvg-color:appflowy) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 41 × 40. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 41 × 40
Kode 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>Cara memakai ikon 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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:appflowy"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/appflowy.svg" alt="Ikon Appflowy" width="24" height="24">Ikon Appflowy di set ikon lain
FAQ Ikon Appflowy
Apakah ikon Appflowy gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Appflowy di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:appflowy" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Appflowy ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/appflowy.svg" alt="Ikon Appflowy">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.