Ikon Affinity
thesvg-color:affinity
Ikon Affinity (thesvg-color:affinity) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 240 × 240. 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
- 240 × 240
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240"><path fill="#a7f175" d="M15 0A15 15 0 0 0 0 15v210a15 15 0 0 0 15 15h210a15 15 0 0 0 15-15V15a15 15 0 0 0-15-15z"/><path fill="#0e1318" d="M112.908 165.979c-10.413 0-17.037-6.317-17.037-14.329c0-34.287 90.164-41.151 90.164-77.563c0-22.213-25.731-31.787-58.577-31.787c-19.98 0-42.571 3.698-63.552 10.315v43.438c30.919-22.52 65.272-32.16 87.4-32.16c13.914 0 23.355 3.882 23.355 10.838c0 28.658-124.353 24.117-124.353 86.042c0 23.736 16.321 37.335 39.283 37.335c34.732 0 61.003-33.753 80.657-74.897l3.982 1.43c-10.351 25.143-31.771 52.712-35.943 70.434h44.715V103.39h-10.327c-14.99 32.574-36.957 62.59-59.767 62.59"/></svg>Cara memakai ikon Affinity
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:affinity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:affinity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:affinity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--affinity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:affinity"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:affinity"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/affinity.svg" alt="Ikon Affinity" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Affinity
Apakah ikon Affinity 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 Affinity di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:affinity" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Affinity ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/affinity.svg" alt="Ikon Affinity">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.