devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Ikon Tag Gratis (SVG)

48 ikon tag gratis dari set open-source. Klik salah satu untuk mengubah ukuran, warna, dan stroke, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

tag
Lucidetag
Tablertag
Heroiconstag
Phosphortag
Bootstrap Iconsar-tag
Iconoirtag-16-filled
Fluent UItag
Material Symbolstag
Material Design Iconstag
Carbontag-x
Lucidetag-filled
Tablertag-16-solid
Heroiconstag-bold
Phosphortag-fill
Bootstrap Iconsev-tag
Iconoirtag-16-regular
Fluent UItag-rounded
Material Symbolstag-outline
Material Design Iconstag-edit
Carbontag-plus
Lucidetag-off
Tablertag-20-solid
Heroiconstag-duotone
Phosphorfx-tag
Iconoirtag-20-filled
Fluent UIcar-tag
Material Symbolstag-off
Material Design Iconstag-none
Carbontag-plus
Tablertag-solid
Heroiconstag-fill
Phosphorfx-tag-solid
Iconoirtag-20-regular
Fluent UIcar-tag-outline
Material Symbolstag-off-outline
Material Design Iconstag-light
Phosphoron-tag
Iconoirtag-24-filled
Fluent UIcar-tag-outline-rounded
Material Symbolstag-edit
Material Design Iconstag-thin
Phosphorvr-tag
Iconoirtag-24-regular
Fluent UIcar-tag-outline-sharp
Material Symbolstag-edit-outline
Material Design Iconsoff-tag
Iconoirtag-28-filled
Fluent UI

Cara menggunakan ikon tag

Tag dipakai untuk menandai label, kategori, harga, dan diskon.

Semua ikon di sini mengikuti currentColor, jadi warnanya mengikuti warna teks elemen tempat ikon itu berada. Satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) supaya tata letak tidak bergeser saat halaman dimuat.

Ikon yang mudah diakses

Jika ikon bersifat dekoratif atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya isi tombol atau tautan, beri elemen itu aria-label misalnya “Tag”.

Lisensi

Ikon tag ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, dan Carbon. Semuanya adalah set open-source di bawah lisensi MIT, ISC, atau Apache 2.0 yang mengizinkan penggunaan pribadi dan komersial. Butuh ikon lain? Cari di lebih dari 70.000 ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon tag ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set ikon open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan komersial. Tetap cantumkan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon tag?
SVG-nya memakai currentColor, jadi atur warna CSS pada elemen induknya, atau buka ikon di finder dan pilih warna tetap sebelum menyalin.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Copy to Webflow (menempel sebagai Code Embed) atau Copy JSX untuk komponen React.