Ikon Gem Filled
lucide-extended:gem-filled
Ikon Gem Filled (lucide-extended:gem-filled) adalah ikon SVG gratis dari set Lucide Extended karya Applifted. Ikon ini digambar pada grid 24 × 24. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Lucide Extended
- Pembuat
- Applifted
- Lisensi
- ISC
- Ukuran
- 24 × 24
- Tag
- gemfilled
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.044 22.294A1 1 0 0 0 12 23a3 3 0 0 1-2.436-1.248L1.577 10.771l.001-.002A3 3 0 0 1 1.174 10H7.26zM22.826 10a3 3 0 0 1-.406.773l-7.985 10.978v.001A3 3 0 0 1 12 23a1 1 0 0 0 .956-.706L16.74 10zM12 18.599L9.354 10h5.292zM9.564 2.645L7.333 8h-6.16a3 3 0 0 1 .428-.8l2.998-3.997A3 3 0 0 1 7 2h2.807zm3 .707l.013.033L14.5 8H9.499l1.924-4.615l.014-.033L11.943 2h.114zM17 2a3 3 0 0 1 2.4 1.2l3 4l.137.198q.18.286.291.602h-6.162l-2.231-5.355L14.193 2z"/></svg>Cara memakai ikon Gem Filled
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:gem-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:gem-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:gem-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--gem-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:gem-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:gem-filled"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/gem-filled.svg" alt="Ikon Gem Filled" width="24" height="24">Ikon terkait di Lucide Extended
Ikon Gem Filled di set ikon lain
FAQ Ikon Gem Filled
Apakah ikon Gem Filled gratis untuk penggunaan komersial?
Ya. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gem Filled di React?
Pasang @iconify/react lalu render <Icon icon="lucide-extended:gem-filled" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gem Filled ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/lucide-extended/gem-filled.svg" alt="Ikon Gem Filled">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.