Ikon Mask
icon-park-solid:mask
Ikon Mask (icon-park-solid:mask) adalah ikon SVG gratis dari set IconPark Solid karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark Solid
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Kesehatan
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGOjViQcyF"><g fill="none" stroke-width="4"><path fill="#fff" fill-rule="evenodd" stroke="#fff" d="M14 14h20c5.523 0 10 4.477 10 10v3c0 7.18-5.82 13-13 13H17C9.82 40 4 34.18 4 27v-3c0-5.523 4.477-10 10-10Z" clip-rule="evenodd"/><path stroke="#000" stroke-linecap="round" d="M18 27h12m-6-6v12"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M4 25.042V12.014A4.168 4.168 0 0 1 11.047 9q2.399 2.29 3.424 5M44 25.042V12.766A4.478 4.478 0 0 0 36 10a111 111 0 0 0-3 4"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGOjViQcyF)"/></svg>
Cara memakai ikon Mask
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:mask" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:mask" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:mask" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--mask]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:mask"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:mask"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/mask.svg" alt="Ikon Mask" width="24" height="24">
Ikon terkait di IconPark Solid
Ikon Mask di set ikon lain
FAQ Ikon Mask
Apakah ikon Mask gratis untuk penggunaan komersial?
Ya. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Mask di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-solid:mask" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mask ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-solid/mask.svg" alt="Ikon Mask">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark Solid →
ICONYZ
