Ikon Kin
cryptocurrency-color:kin
Ikon Kin (cryptocurrency-color:kin) adalah ikon SVG gratis dari set Cryptocurrency Color Icons karya Christopher Downer. Ikon ini digambar pada grid 32 × 32. Cryptocurrency Color Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Cryptocurrency Color Icons
- Pembuat
- Christopher Downer
- Lisensi
- CC0-1.0
- Ukuran
- 32 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><circle cx="16" cy="16" r="16" fill="#005fff"/><path fill="#fff" d="M13.701 18.007V13.19h1.125c.243 0 .44.194.44.433v.416c0 .452.392.84.849.84s.804-.388.804-.84v-.4c0-.248.203-.45.455-.45h1.253v1.218c0 .248-.204.45-.455.45h-.425a.824.824 0 0 0-.828.817c0 .451.424.817.881.817h.375c.25 0 .452.2.452.446v1.07h1.009c.35 0 .633.278.633.62v.367c0 .342-.284.62-.633.62h-.376a.626.626 0 0 1-.633-.62v-.826H17.37c-.25 0-.451-.2-.451-.446v-.412a.85.85 0 0 0-.842-.834c-.457 0-.812.4-.812.875v.374c0 .245-.2.443-.448.443h-1.116v.826c0 .342-.283.62-.633.62h-.375a.626.626 0 0 1-.633-.62v-.367c0-.342.283-.62.633-.62zm5.935-4.978h-1.01v-.986c0-.342.284-.62.634-.62h.376c.35 0 .633.278.633.62v.367c0 .342-.284.62-.633.62zm-5.935 0h-1.008a.626.626 0 0 1-.633-.619v-.367c0-.342.283-.62.633-.62h.375c.35 0 .633.278.633.62zm2.275-1.445a.626.626 0 0 1-.633-.62v-.367c0-.342.284-.619.633-.619h.376c.35 0 .633.277.633.62v.367a.626.626 0 0 1-.633.619zm0 9.796a.626.626 0 0 1-.633-.62v-.367c0-.342.284-.62.633-.62h.376c.35 0 .633.278.633.62v.368a.626.626 0 0 1-.633.619zm4.926-4.979a.626.626 0 0 1-.633-.619v-.367c0-.342.283-.62.633-.62h.375c.35 0 .633.278.633.62v.367c0 .342-.283.62-.633.62zm-10.015 0a.626.626 0 0 1-.633-.619v-.367c0-.342.283-.62.633-.62h.375c.35 0 .634.278.634.62v.367c0 .342-.284.62-.634.62zm7.766 5.021a.58.58 0 0 1 .75.305a.557.557 0 0 1-.31.734a.58.58 0 0 1-.75-.304a.56.56 0 0 1 .31-.735M13.4 8.897a.58.58 0 0 1 .75.304a.56.56 0 0 1-.31.734a.58.58 0 0 1-.751-.304a.56.56 0 0 1 .31-.734zm8.554 4.428a.56.56 0 0 1 .311-.735a.58.58 0 0 1 .75.304a.56.56 0 0 1-.31.735a.58.58 0 0 1-.75-.304zM9.312 18.463a.56.56 0 0 1 .311-.734a.58.58 0 0 1 .751.304a.56.56 0 0 1-.31.734a.58.58 0 0 1-.752-.304m0-5.569a.58.58 0 0 1 .751-.304a.56.56 0 0 1 .311.735a.58.58 0 0 1-.75.304a.56.56 0 0 1-.312-.735m9.177-2.959a.56.56 0 0 1-.31-.734a.58.58 0 0 1 .75-.304a.56.56 0 0 1 .31.734a.58.58 0 0 1-.75.304m3.465 8.098a.58.58 0 0 1 .75-.304a.56.56 0 0 1 .312.734a.58.58 0 0 1-.75.304a.56.56 0 0 1-.312-.734m-8.883 4.588a.557.557 0 0 1-.31-.734a.58.58 0 0 1 .75-.304a.56.56 0 0 1 .31.734a.58.58 0 0 1-.75.304m8.443-1.63a.334.334 0 0 1 .464 0c.129.126.129.33 0 .455s-.335.125-.464 0a.316.316 0 0 1 0-.454zM10.35 9.912c.128-.125.336-.125.464 0s.128.33 0 .455a.334.334 0 0 1-.464 0a.316.316 0 0 1 0-.454zm11.164.455a.316.316 0 0 1 0-.454c.129-.126.336-.126.464 0s.129.328 0 .454a.334.334 0 0 1-.464 0M10.35 21.446a.316.316 0 0 1 0-.454a.334.334 0 0 1 .464 0c.128.125.128.329 0 .454s-.336.125-.464 0m13.53-5.847c0-.178.148-.322.329-.322s.328.144.328.322a.325.325 0 0 1-.328.32a.325.325 0 0 1-.328-.32zm-15.925 0c0-.178.147-.322.329-.322c.18 0 .328.144.328.322a.325.325 0 0 1-.328.32a.325.325 0 0 1-.329-.32m8.21-7.387a.325.325 0 0 1-.33-.321c0-.178.148-.322.33-.322c.18 0 .328.144.328.322a.325.325 0 0 1-.329.32zm0 15.576a.325.325 0 0 1-.33-.32c0-.178.148-.322.33-.322c.18 0 .328.144.328.321a.325.325 0 0 1-.329.321zm10.178-8.19c0-.177.148-.32.329-.32c.18 0 .328.143.328.32a.325.325 0 0 1-.328.322a.325.325 0 0 1-.329-.321zm-21.097-.16c.136 0 .247.108.247.24s-.11.242-.247.242c-.136 0-.246-.108-.246-.241s.11-.241.246-.241M15.672 5.321c0-.177.147-.321.328-.321s.328.144.328.321s-.147.321-.328.321s-.328-.144-.328-.32zm9.725 14.105a.497.497 0 0 1 .645-.257a.48.48 0 0 1 .263.632a.494.494 0 0 1-.646.256a.48.48 0 0 1-.262-.631m-5.33 5.19a.32.32 0 0 1 .177.176a.3.3 0 0 1-.001.245a.331.331 0 0 1-.606-.004a.3.3 0 0 1 0-.245a.32.32 0 0 1 .18-.173a.34.34 0 0 1 .25.002zM6.442 11.289c.08.034.143.096.176.175a.3.3 0 0 1-.001.246a.331.331 0 0 1-.606-.004a.3.3 0 0 1 .001-.246a.32.32 0 0 1 .179-.172a.34.34 0 0 1 .251.001m-.916 8.25a.414.414 0 0 1 .538-.214a.4.4 0 0 1 .218.526a.414.414 0 0 1-.538.213a.4.4 0 0 1-.218-.526zM19.863 6.252a.4.4 0 0 1-.219-.526a.414.414 0 0 1 .538-.214a.4.4 0 0 1 .218.526a.414.414 0 0 1-.537.214m6.141 4.867a.25.25 0 0 1 .189.001a.24.24 0 0 1-.003.445a.25.25 0 0 1-.321-.132a.23.23 0 0 1 .001-.185a.24.24 0 0 1 .134-.129M11.587 5.95a.247.247 0 0 1 .322-.128a.239.239 0 0 1-.003.445a.25.25 0 0 1-.188-.001a.24.24 0 0 1-.131-.316m.063 18.962q.048 0 .095.02a.24.24 0 0 1 .131.315a.25.25 0 0 1-.322.128a.24.24 0 0 1-.132-.315a.25.25 0 0 1 .228-.148m11.642-1.7a.334.334 0 0 1-.465 0a.316.316 0 0 1 0-.454a.33.33 0 0 1 .233-.094a.33.33 0 0 1 .232.094a.316.316 0 0 1 0 .455zM7.935 8.033a.5.5 0 0 1 .697 0a.475.475 0 0 1 0 .681a.497.497 0 0 1-.697 0a.475.475 0 0 1 0-.681m15.525.09a.25.25 0 0 1 .348 0a.24.24 0 0 1 0 .34a.25.25 0 0 1-.348 0a.236.236 0 0 1 0-.34M8.027 22.735a.25.25 0 0 1 .348 0a.237.237 0 0 1 0 .34a.25.25 0 0 1-.348 0a.237.237 0 0 1 0-.34M16.082 27a.406.406 0 0 1-.41-.401c0-.222.183-.402.41-.402s.41.18.41.402a.406.406 0 0 1-.41.401"/></g></svg>Cara memakai ikon Kin
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:kin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:kin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:kin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--kin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:kin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:kin"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/kin.svg" alt="Ikon Kin" width="24" height="24">Ikon Kin di set ikon lain
FAQ Ikon Kin
Apakah ikon Kin gratis untuk penggunaan komersial?
Ya. Cryptocurrency Color Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Kin di React?
Pasang @iconify/react lalu render <Icon icon="cryptocurrency-color:kin" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Kin ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/kin.svg" alt="Ikon Kin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.