Ikon Glasses
bx:glasses
Ikon Glasses (bx:glasses) adalah ikon SVG gratis dari set BoxIcons v2 karya Boxicons. Ikon ini digambar pada grid 24 × 24. BoxIcons v2 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
- BoxIcons v2
- Pembuat
- Boxicons
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- glass, bx glasses
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.977 13.783l-2-9A1 1 0 0 0 19 4h-3v2h2.198l.961 4.326A4.5 4.5 0 0 0 17.5 10c-1.953 0-3.603 1.258-4.224 3h-2.553c-.621-1.742-2.271-3-4.224-3c-.587 0-1.145.121-1.659.326L5.802 6H8V4H5a1 1 0 0 0-.976.783l-2 9l.047.011A4.6 4.6 0 0 0 2 14.5C2 16.981 4.019 19 6.5 19c2.31 0 4.197-1.756 4.449-4h2.102c.252 2.244 2.139 4 4.449 4c2.481 0 4.5-2.019 4.5-4.5c0-.242-.034-.475-.071-.706zM6.5 17C5.122 17 4 15.878 4 14.5S5.122 12 6.5 12S9 13.122 9 14.5S7.878 17 6.5 17m11 0c-1.379 0-2.5-1.122-2.5-2.5s1.121-2.5 2.5-2.5s2.5 1.122 2.5 2.5s-1.121 2.5-2.5 2.5"/></svg>
Cara memakai ikon Glasses
React
import { Icon } from "@iconify/react";
<Icon icon="bx:glasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bx:glasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bx:glasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bx--glasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bx -->
<div class="i-bx:glasses"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bx:glasses"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/bx/glasses.svg" alt="Ikon Glasses" width="24" height="24">
Ikon terkait di BoxIcons v2
Ikon Glasses di set ikon lain
FAQ Ikon Glasses
Apakah ikon Glasses gratis untuk penggunaan komersial?
Ya. BoxIcons v2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Glasses di React?
Pasang @iconify/react lalu render <Icon icon="bx:glasses" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Glasses ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/bx/glasses.svg" alt="Ikon Glasses">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon BoxIcons v2 →
ICONYZ
