ICONYZ
Bahasa Indonesia
Ikon Tag dari Keyline Icons

Ikon Tag

keyline-icons:tag

Ikon Tag (keyline-icons:tag) 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
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="M2 5C2 3.343146 3.343146 2 5 2L11.171573 2C11.702006 2 12.210714 2.210714 12.585786 2.585786L21.414213 11.414213C22.195262 12.195262 22.195262 13.461592 21.414213 14.24264L14.24264 21.414213C13.461592 22.195262 12.195262 22.195262 11.414213 21.414213L2.585786 12.585786C2.210714 12.210714 2 11.702006 2 11.171573Z"/><path fill="currentColor" d="M9.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" stroke="none"/></g></svg>

Cara memakai ikon Tag

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Gambar HTML

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

Ikon terkait di Keyline Icons

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
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 di set ikon lain

Ikon Tag dari Material Design Icons
Material Design Icons
 Ikon Tag dari Lucide
Lucide
 Ikon Tag dari Tabler Icons
Tabler Icons
 Ikon Tag dari Font Awesome 6 Solid
Font Awesome 6 Solid
 Ikon Tag dari Material Symbols
Material Symbols
 Ikon Tag dari Phosphor
Phosphor
 Ikon Tag dari Bootstrap Icons
Bootstrap Icons
 Ikon Tag dari HeroIcons
HeroIcons
 Ikon Tag dari Carbon
Carbon
 Ikon Tag dari @icons
@icons
 Ikon Tag dari Akar Icons
Akar Icons
 Ikon Tag dari BoxIcons v2
BoxIcons v2

FAQ Ikon Tag

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

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

Bagaimana cara menambahkan ikon Tag ke halaman web?

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

Lihat semua Keyline Icons →