Ikon Appwrite
devicon:appwrite
Ikon Appwrite (devicon:appwrite) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon 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.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fd366e" d="M56.305 7.568c-25.833 0-47.611 17.355-54.309 41.042A55.7 55.7 0 0 0 0 60.187v7.628a56.1 56.1 0 0 0 7.421 24.402c9.758 16.868 27.996 28.215 48.884 28.215H128V92.217H56.305a28.1 28.1 0 0 1-19.363-7.696c-5.453-5.143-8.855-12.432-8.855-20.52c0-2.668.37-5.248 1.063-7.696c.78-2.76 1.97-5.348 3.503-7.695c5.033-7.722 13.746-12.827 23.652-12.827s18.617 5.105 23.65 12.827h30.655C103.913 24.923 82.14 7.568 56.305 7.568M83.46 56.305a28.2 28.2 0 0 1 1.062 7.696c0 8.088-3.401 15.377-8.855 20.52H128V56.305Z"/></svg>Cara memakai ikon Appwrite
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:appwrite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:appwrite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:appwrite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--appwrite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:appwrite"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:appwrite"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon/appwrite.svg" alt="Ikon Appwrite" width="24" height="24">Ikon terkait di Devicon
Ikon Appwrite di set ikon lain
FAQ Ikon Appwrite
Apakah ikon Appwrite gratis untuk penggunaan komersial?
Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Appwrite di React?
Pasang @iconify/react lalu render <Icon icon="devicon:appwrite" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Appwrite ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/appwrite.svg" alt="Ikon Appwrite">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.