Ikon Tag Horizontal Start Percent Sharp Fill
keyline-icons:tag-horizontal-start-percent-sharp-fill
Ikon Tag Horizontal Start Percent Sharp Fill (keyline-icons:tag-horizontal-start-percent-sharp-fill) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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
- Keyline Icons
- Pembuat
- Keyline Icons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- taghorizontal, horizontalstart, startpercent, percentsharp, sharpfill
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M22 3C22.5523 3 23 3.4477 23 4L23 20C23 20.5523 22.5523 21 22 21L9.1716 21C8.8874 21 8.6167 20.8791 8.427 20.6675L1.2554 12.6675C0.9149 12.2876 0.9149 11.7124 1.2554 11.3325L8.427 3.3325C8.6167 3.1209 8.8874 3 9.1716 3L22 3ZM11.6642 16L18.25 9.4142L16.8358 8L10.25 14.5858L11.6642 16ZM12.75 8.5C12.75 9.3284 12.0784 10 11.25 10C10.4216 10 9.75 9.3284 9.75 8.5C9.75 7.6716 10.4216 7 11.25 7C12.0784 7 12.75 7.6716 12.75 8.5ZM18.75 15.5C18.75 16.3284 18.0784 17 17.25 17C16.4216 17 15.75 16.3284 15.75 15.5C15.75 14.6716 16.4216 14 17.25 14C18.0784 14 18.75 14.6716 18.75 15.5Z" clip-rule="evenodd"/></svg>Cara memakai ikon Tag Horizontal Start Percent Sharp Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--tag-horizontal-start-percent-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:tag-horizontal-start-percent-sharp-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent-sharp-fill.svg" alt="Ikon Tag Horizontal Start Percent Sharp Fill" width="24" height="24">Ikon terkait di Keyline Icons
FAQ Ikon Tag Horizontal Start Percent Sharp Fill
Apakah ikon Tag Horizontal Start Percent Sharp Fill gratis untuk penggunaan komersial?
Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Tag Horizontal Start Percent Sharp Fill di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:tag-horizontal-start-percent-sharp-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Tag Horizontal Start Percent Sharp Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent-sharp-fill.svg" alt="Ikon Tag Horizontal Start Percent Sharp Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.