ICONYZ
Bahasa Indonesia
Ikon Tag Horizontal Start Percent dari Keyline Icons

Ikon Tag Horizontal Start Percent

keyline-icons:tag-horizontal-start-percent

Ikon Tag Horizontal Start Percent (keyline-icons:tag-horizontal-start-percent) 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, taghorizontalstartpercent
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M19 4L10 4C9.469567 4 8.96086 4.210712 8.585786 4.585786L2.585786 10.585786C1.804693 11.366879 1.804693 12.633121 2.585786 13.414214L8.585786 19.414214C8.96086 19.789288 9.469567 20 10 20L19 20C20.656854 20 22 18.656854 22 17L22 7C22 5.343146 20.656854 4 19 4ZM11.25 15L17.25 9"/><path fill="currentColor" d="M12.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" stroke="none"/></g></svg>

Cara memakai ikon Tag Horizontal Start Percent

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:tag-horizontal-start-percent" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:tag-horizontal-start-percent" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:tag-horizontal-start-percent" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--tag-horizontal-start-percent]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:tag-horizontal-start-percent"></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"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent.svg" alt="Ikon Tag Horizontal Start Percent" width="24" height="24">

Ikon terkait di Keyline Icons

Ikon tag
tag
 Ikon tag-duotone
tag-duotone
 Ikon tag-fill
tag-fill
 Ikon tag-horizontal-end
tag-horizontal-end
 Ikon tag-horizontal-end-duotone
tag-horizontal-end-duotone
 Ikon tag-horizontal-end-fill
tag-horizontal-end-fill
 Ikon tag-horizontal-end-percent
tag-horizontal-end-percent
 Ikon tag-horizontal-end-percent-duotone
tag-horizontal-end-percent-duotone
 Ikon tag-horizontal-end-percent-fill
tag-horizontal-end-percent-fill
 Ikon tag-horizontal-end-percent-sharp
tag-horizontal-end-percent-sharp
 Ikon tag-horizontal-end-percent-sharp-duotone
tag-horizontal-end-percent-sharp-duotone
 Ikon tag-horizontal-end-percent-sharp-fill
tag-horizontal-end-percent-sharp-fill
 Ikon tag-horizontal-end-percent-sharp-two-tone
tag-horizontal-end-percent-sharp-two-tone
 Ikon tag-horizontal-end-percent-two-tone
tag-horizontal-end-percent-two-tone
 Ikon tag-horizontal-end-sharp
tag-horizontal-end-sharp
 Ikon tag-horizontal-end-sharp-duotone
tag-horizontal-end-sharp-duotone
 Ikon tag-horizontal-end-sharp-fill
tag-horizontal-end-sharp-fill
 Ikon tag-horizontal-end-sharp-two-tone
tag-horizontal-end-sharp-two-tone
 Ikon tag-horizontal-end-two-tone
tag-horizontal-end-two-tone
 Ikon tag-horizontal-start
tag-horizontal-start
 Ikon tag-horizontal-start-duotone
tag-horizontal-start-duotone
 Ikon tag-horizontal-start-fill
tag-horizontal-start-fill
 Ikon tag-horizontal-start-percent-duotone
tag-horizontal-start-percent-duotone
 Ikon tag-horizontal-start-percent-fill
tag-horizontal-start-percent-fill

FAQ Ikon Tag Horizontal Start Percent

Apakah ikon Tag Horizontal Start Percent 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 di React?

Pasang @iconify/react lalu render <Icon icon="keyline-icons:tag-horizontal-start-percent" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Tag Horizontal Start Percent ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/tag-horizontal-start-percent.svg" alt="Ikon Tag Horizontal Start Percent">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Keyline Icons →