Ikon Mask Happy Bold
ph:mask-happy-bold
Ikon Mask Happy Bold (ph:mask-happy-bold) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor 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
- Phosphor
- Pembuat
- Phosphor Icons
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- theater, costume, smile, smiling, thalia, maskhappy, happybold, maskhappybold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M219.29 31.5a20 20 0 0 0-18.52-2.14C187 34.72 159.17 43.7 128 43.7s-59-9-72.77-14.34A20 20 0 0 0 28 48v55.77c0 36.64 9.9 71.25 27.88 97.45C74.81 228.81 100.42 244 128 244s53.19-15.19 72.12-42.76C218.1 175 228 140.43 228 103.79V48a20 20 0 0 0-8.71-16.5M204 103.79c0 31.84-8.41 61.63-23.67 83.87C166 208.51 147.43 220 128 220s-38-11.49-52.33-32.34C60.41 165.42 52 135.63 52 103.79v-50c16.59 5.95 44.67 13.94 76 13.94s59.41-8 76-13.94Zm-38.67 62.88a12 12 0 0 1-1.79 16.87a56.92 56.92 0 0 1-71.08 0a12 12 0 0 1 15.08-18.67a32.92 32.92 0 0 0 40.92 0a12 12 0 0 1 16.87 1.8m-27.44-35.51a12 12 0 0 1 3.61-16.58a41.66 41.66 0 0 1 39.23-3.06a12 12 0 1 1-9.46 22.06A19.5 19.5 0 0 0 164 132a19.14 19.14 0 0 0-9.52 2.77a12 12 0 0 1-16.59-3.61M92 132a19.4 19.4 0 0 0-7.27 1.59a12 12 0 0 1-9.46-22.06a41.61 41.61 0 0 1 39.23 3a12 12 0 1 1-13 20.19A19.2 19.2 0 0 0 92 132"/></svg>
Cara memakai ikon Mask Happy Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:mask-happy-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:mask-happy-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:mask-happy-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--mask-happy-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:mask-happy-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:mask-happy-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/mask-happy-bold.svg" alt="Ikon Mask Happy Bold" width="24" height="24">
Ikon Mask Happy Bold di set ikon lain
FAQ Ikon Mask Happy Bold
Apakah ikon Mask Happy Bold gratis untuk penggunaan komersial?
Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Mask Happy Bold di React?
Pasang @iconify/react lalu render <Icon icon="ph:mask-happy-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mask Happy Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/mask-happy-bold.svg" alt="Ikon Mask Happy Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Phosphor →
ICONYZ
