Ikon Ki
cif:ki
Ikon Ki (cif:ki) adalah ikon SVG gratis dari set CoreUI Flags karya creativeLabs Łukasz Holeczek. Ikon ini digambar pada grid 301 × 151. CoreUI Flags 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
- CoreUI Flags
- Pembuat
- creativeLabs Łukasz Holeczek
- Lisensi
- CC0-1.0
- Ukuran
- 301 × 151
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="301" height="151" viewBox="0 0 301 151"><g fill="none" fill-rule="evenodd"><path fill="#CE1126" fill-rule="nonzero" d="M.5.5h300v150H.5z"/><path fill="#FCD116" fill-rule="nonzero" stroke="#BD9C08" stroke-width=".75" d="M175.195 71.146c4.379 1.173 11.006.882 13.982 4.354c-4.379-1.173-9.776 5.905-13.982 4.354c3.714 2.601-54.021 0-49.39 0c-4.379-1.174-11.006-.882-13.982-4.354c4.379 1.173 9.776-5.905 13.982-4.354c-3.714-2.6-10.157-4.614-11.649-8.874c3.714 2.6 11.269-2.224 14.628.69c-2.6-3.714-8.035-7.789-7.912-12.323c2.601 3.714 11.353 1.725 13.51 5.652c-1.173-4.379-4.708-10.026-3.22-14.286c1.173 4.379 9.988 5.467 10.762 9.931c.395-4.516-1.199-11.052 1.86-14.525c-.395 4.516 7.566 8.548 6.716 13.013c1.916-4.109 2.975-10.746 6.716-13.013c-1.916 4.109 4.335 10.599 1.86 14.525c3.206-3.206 6.299-9.144 10.762-9.931c-3.206 3.206.213 11.372-3.22 14.286c4.109-1.916 8.958-6.439 13.51-5.652c-4.109 1.916-3.702 10.772-7.912 12.323c4.516-.395 10.585-2.957 14.628-.69c-4.516.395-7.018 8.874-11.649 8.874z"/><path fill="#FCD116" fill-rule="nonzero" stroke="#BD9C08" stroke-linejoin="round" stroke-width=".75" d="m129.679 75.501l-15.793-6.456l17.049-.665l-12.633-11.468l16.248 5.206l-7.949-15.097l13.488 10.449l-2.306-16.905l9.101 14.432l3.615-16.675l3.615 16.675l9.1-14.432l-2.306 16.905l13.487-10.449l-7.949 15.097l16.249-5.206l-12.633 11.468l17.049.665l-15.793 6.456l15.793 6.456h-73.226z"/><path fill="#FCD116" fill-rule="nonzero" stroke="#BD9C08" stroke-linecap="round" stroke-width=".9" d="M171.179 75.5c0 11.421-9.258 20.679-20.679 20.679s-20.678-9.258-20.678-20.679s9.258-20.679 20.678-20.679s20.679 9.258 20.679 20.679z"/><path fill="#003F87" fill-rule="nonzero" d="M.5 83h300v67.5H.5z"/><path fill="#FFF" fill-rule="nonzero" d="M.5 129.071c10 0 20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 29.999 6.429c10 0 20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429v-10.714c-10 0-20 6.428-30 6.428s-20-6.428-30-6.428s-20 6.428-30 6.428s-20-6.428-30-6.428s-20 6.428-30 6.428s-19.999-6.428-29.999-6.428s-20 6.428-30 6.428s-20-6.428-30-6.428s-20 6.428-30 6.428s-20-6.428-30-6.428z"/><path fill="#FCD116" fill-rule="nonzero" stroke="#BD9C08" stroke-width=".6" d="m157.3 25.431l11.089.073c.071-.469-.951-1.403-1.822-1.539c-2.808-.441-4.913.468-8.32.503z"/><path fill="#FCD116" fill-rule="nonzero" stroke="#BD9C08" stroke-width=".6" d="M135.216 22.822c2.604 3.29 7.652 5.576 12.476 5.606c6.5.04 13.707-5.22 22.425-6.831l-28.458-.586c-3.682-2.522-6.476-2.202-8.381-.639l-5.441.165c-.77.419.636 2.171 1.776 2.236z"/><path fill="#FCD116" fill-rule="nonzero" stroke="#BD9C08" stroke-width=".6" d="M148.08 20.934c-1.035-4.759-4.854-6.81-9.446-7.418c-5.303-.703-17.511-1.423-25.62-3.752c3.508 3.45 10.855 5.173 15.958 5.952c5.405.825 10.667 2.027 14.837 5.176z"/><path fill="#FCD116" fill-rule="nonzero" stroke="#BD9C08" stroke-linecap="round" stroke-width=".6" d="M144.634 24.111c1.697 2.177 4.328 2.054 7.157.155c2.819-1.893 5.882-7.224 7.362-7.311c10.347-.601 22.862-4.968 28.833-8.341c-7.568 1.072-15.072 2.286-22.706 2.317c-13.025.052-14.566 5.984-19.874 10.143"/><path stroke="#BD9C08" stroke-linecap="round" stroke-width=".6" d="M146.655 21.552c2.776-1.768 5.032-4.075 7.631-6.003c4.304-3.191 9.275-3.285 14.612-3.35c4.73-.058 13.023-2.035 17.521-3.09"/><path stroke="#BD9C08" stroke-width=".6" d="M143.767 20.718c-.82-4.256-4.802-5.533-9.834-6.297c-5.475-.832-11.059-1.294-16.519-2.803c-1.354-.374-2.617-1.035-3.925-1.553"/><path stroke="#BD9C08" stroke-linecap="round" stroke-width=".6" d="M145.511 26.991c5.136.377 8.954-1.168 13.336-3.353m-31.031-2.222h6.48"/><path fill="#BD9C08" fill-rule="nonzero" d="M137.185 20.719a.81.81 0 1 1-1.62 0a.81.81 0 1 1 1.62 0"/><path fill="#FFF" fill-rule="nonzero" d="M.5 86.214c10 0 20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 29.999 6.429c10 0 20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429V75.5c-10 0-20 6.429-30 6.429s-20-6.429-30-6.429s-20 6.429-30 6.429s-20-6.429-30-6.429s-20 6.429-30 6.429S130.5 75.5 120.5 75.5s-20 6.429-30 6.429s-20-6.429-30-6.429s-20 6.429-30 6.429S10.5 75.5.5 75.5zm0 21.429c10 0 20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 29.999 6.429c10 0 20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429s20 6.429 30 6.429s20-6.429 30-6.429V96.929c-10 0-20 6.429-30 6.429s-20-6.429-30-6.429s-20 6.429-30 6.429s-20-6.429-30-6.429s-20 6.429-30 6.429s-19.999-6.429-29.999-6.429s-20 6.429-30 6.429s-20-6.429-30-6.429s-20 6.429-30 6.429s-20-6.429-30-6.429z"/></g></svg>Cara memakai ikon Ki
React
import { Icon } from "@iconify/react";
<Icon icon="cif:ki" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:ki" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:ki" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--ki]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:ki"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:ki"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/cif/ki.svg" alt="Ikon Ki" width="24" height="24">Ikon Ki di set ikon lain
FAQ Ikon Ki
Apakah ikon Ki gratis untuk penggunaan komersial?
Ya. CoreUI Flags icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ki di React?
Pasang @iconify/react lalu render <Icon icon="cif:ki" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ki ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cif/ki.svg" alt="Ikon Ki">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.