ICONYZ
Bahasa Indonesia
Ikon Tag Horizontal Start Percent Sharp Fill dari Keyline Icons

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
Download SVG

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.

Lihat semua Keyline Icons →