Ikon Hk
cif:hk
Ikon Hk (cif:hk) adalah ikon SVG gratis dari set CoreUI Flags karya creativeLabs Łukasz Holeczek. Ikon ini digambar pada grid 900 × 600. 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
- 900 × 600
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 900 600"><g fill="none"><path fill="#DE2910" d="M0 0h900v600H0z"/><path fill="#FFF" d="M449.964 299.913c-105.263-44.486-58.602-181.581 42.07-174.69c-20.366 10.467-23.318 29.997-11.687 48.09c13.024 20.256-1.2 52.848-18.806 60.767c-28.935 13.025-34.728 47.75-11.577 65.833"/><path fill="#DE2910" d="m444.272 200.92l-5.92 9.294l-2.144-10.815l-10.679-2.759l9.625-5.39l-.671-10.999l8.085 7.49l10.256-4.043l-4.61 10.01l7.001 8.505zm6.288 97.839c-12.731-6.534-22.996-20.155-27.468-36.431c-5.115-18.67-2.173-38.743 8.083-55.038l-2.208-1.394c-10.64 16.929-13.693 37.743-8.386 57.12c4.728 17.221 15.214 31.097 28.787 38.064z"/><path fill="#FFF" d="M450.072 299.939c9.78-113.858 154.584-111.846 179.14-13.971c-16.248-16.135-35.734-12.908-49.348 3.745c-15.24 18.646-50.632 15.19-63.604.893c-21.329-23.494-56.144-18.273-66.188 9.333"/><path fill="#DE2910" d="m542.46 263.935l-10.668-2.758l9.623-5.381l-.676-11.01l8.1 7.489l10.254-4.037l-4.625 10.004l7.014 8.504l-10.944-1.29l-5.926 9.286l-2.151-10.807zm-91.107 36.214c2.28-14.127 12.063-28.099 26.16-37.381c16.176-10.634 36.175-14.04 54.842-9.32l.644-2.531c-19.389-4.888-40.127-1.36-56.916 9.675c-14.917 9.818-24.874 24.08-27.305 39.14z"/><path fill="#FFF" d="M450.08 300.05c111.308-25.883 154.14 112.456 68.645 166.055c10.324-20.44 1.233-37.975-18.811-45.776c-22.443-8.732-30.093-43.46-20.504-60.215c15.753-27.545.029-59.043-29.33-60.065z"/><path fill="#DE2910" d="m512.872 376.79l-.674-10.998l8.092 7.49l10.26-4.046l-4.618 10.018l7.008 8.504l-10.943-1.307l-5.921 9.3l-2.154-10.809l-10.663-2.765zm-62.596-75.457c14.14-2.197 30.451 2.79 43.636 13.328c15.112 12.098 24.53 30.067 25.811 49.278l2.606-.17c-1.343-19.95-11.107-38.583-26.79-51.14c-13.947-11.153-30.587-16.216-45.663-13.874z"/><path fill="#FFF" d="M449.978 300.092c59.011 97.862-59.32 181.347-136.716 116.599c22.63 3.502 36.497-10.563 37.722-32.037c1.37-24.042 32.034-42.05 50.932-38.107c31.065 6.47 56.163-18.218 48.062-46.455"/><path fill="#DE2910" d="m396.396 383.524l10.253-4.04l-4.623 10.01l7.018 8.51l-10.955-1.297l-5.922 9.293l-2.139-10.812l-10.673-2.758l9.613-5.388l-.665-10.996zm52.422-82.85c6.459 12.77 6.757 29.823.808 45.62c-6.836 18.11-21.015 32.62-38.89 39.775l.967 2.426c18.559-7.442 33.263-22.487 40.359-41.282c6.297-16.711 5.97-34.1-.916-47.715z"/><path fill="#FFF" d="M449.906 300.007c-74.837 86.364-190.803-.377-153.14-93.993c3.662 22.604 21.324 31.447 42.125 25.976c23.29-6.127 49.89 17.472 51.982 36.663c3.446 31.544 34.681 47.784 59.033 31.354"/><path fill="#DE2910" d="m354 274.83l7.009 8.503l-10.948-1.303l-5.924 9.303l-2.152-10.82l-10.668-2.76l9.622-5.375l-.676-11.003l8.095 7.478l10.253-4.03zm94.993 24.254c-10.149 10.089-26.275 15.642-43.136 14.866c-19.337-.905-37.519-9.906-49.847-24.695l-2.008 1.669c12.813 15.35 31.665 24.686 51.733 25.626c17.84.825 34.277-4.86 45.097-15.615z"/></g></svg>Cara memakai ikon Hk
React
import { Icon } from "@iconify/react";
<Icon icon="cif:hk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:hk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:hk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--hk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:hk"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:hk"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/cif/hk.svg" alt="Ikon Hk" width="24" height="24">Ikon Hk di set ikon lain
FAQ Ikon Hk
Apakah ikon Hk 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 Hk di React?
Pasang @iconify/react lalu render <Icon icon="cif:hk" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hk ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cif/hk.svg" alt="Ikon Hk">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.