ICONYZ
Bahasa Indonesia
Ikon Tag Fill dari Keyline Icons

Ikon Tag Fill

keyline-icons:tag-fill

Ikon Tag Fill (keyline-icons:tag-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
tagfill
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="M1 5C1 2.790861 2.790861 1 5 1L11.171573 1C11.967223 1 12.730285 1.316071 13.292894 1.87868L22.12132 10.707107C23.292893 11.87868 23.292893 13.778174 22.12132 14.949747L14.949747 22.12132C13.778174 23.292893 11.87868 23.292893 10.707107 22.12132L1.87868 13.292894C1.316071 12.730285 1 11.967223 1 11.171573ZM9.5 8C9.5 8.8284 8.8284 9.5 8 9.5C7.1716 9.5 6.5 8.8284 6.5 8C6.5 7.1716 7.1716 6.5 8 6.5C8.8284 6.5 9.5 7.1716 9.5 8Z" clip-rule="evenodd"/></svg>

Cara memakai ikon Tag Fill

React

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

<Icon icon="keyline-icons:tag-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:tag-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:tag-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/tag-fill.svg" alt="Ikon Tag Fill" width="24" height="24">

Ikon terkait di Keyline Icons

Ikon tag
tag
 Ikon tag-duotone
tag-duotone
 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
tag-horizontal-start-percent
 Ikon tag-horizontal-start-percent-duotone
tag-horizontal-start-percent-duotone
 Ikon tag-horizontal-start-percent-fill
tag-horizontal-start-percent-fill

Ikon Tag Fill di set ikon lain

Ikon Tag Fill dari Phosphor
Phosphor
 Ikon Tag Fill dari Bootstrap Icons
Bootstrap Icons
 Ikon Tag Fill dari Framework7 Icons
Framework7 Icons
 Ikon Tag Fill dari Mage Icons
Mage Icons
 Ikon Tag Fill dari MingCute Icon
MingCute Icon

FAQ Ikon Tag Fill

Apakah ikon Tag 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 Fill di React?

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

Bagaimana cara menambahkan ikon Tag Fill ke halaman web?

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

Lihat semua Keyline Icons →