Mask Happy Bold ikonu

solar:mask-happy-bold

Mask Happy Bold ikonu (solar:mask-happy-bold), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Kategori: Arayüz
Etiketler: maskhappy, happybold, maskhappybold, mask happly bold

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 11.9012V6.42911C21 4.16001 21 3.02545 20.2927 2.40466C19.5855 1.78386 18.5045 1.97055 16.3424 2.34392L15.288 2.52602C13.6477 2.80927 12.8276 2.9509 12 2.9509C11.1724 2.9509 10.3523 2.80927 8.71202 2.52602L7.6576 2.34392C5.49553 1.97055 4.4145 1.78386 3.70725 2.40466C3 3.02545 3 4.16001 3 6.42911V11.9012C3 17.5901 7.23896 20.3508 9.89856 21.523C10.62 21.841 10.9807 22 12 22C13.0193 22 13.38 21.841 14.1014 21.523C16.761 20.3508 21 17.5901 21 11.9012ZM7.1709 9.14008C7.29437 8.88406 7.75678 8.53367 8.5 8.53367C9.24322 8.53367 9.70563 8.88406 9.8291 9.14008C10.0143 9.52401 10.4647 9.67972 10.8352 9.48787C11.2058 9.29603 11.3561 8.82927 11.1709 8.44534C10.7121 7.49404 9.60349 6.97943 8.5 6.97943C7.39651 6.97943 6.28787 7.49404 5.8291 8.44534C5.64395 8.82927 5.79422 9.29603 6.16475 9.48787C6.53528 9.67972 6.98575 9.52401 7.1709 9.14008ZM15.5 8.53367C14.7568 8.53367 14.2944 8.88406 14.1709 9.14008C13.9857 9.52401 13.5353 9.67972 13.1648 9.48787C12.7942 9.29603 12.6439 8.82927 12.8291 8.44534C13.2879 7.49404 14.3965 6.97943 15.5 6.97943C16.6035 6.97943 17.7121 7.49404 18.1709 8.44534C18.3561 8.82927 18.2058 9.29603 17.8352 9.48787C17.4647 9.67972 17.0143 9.52401 16.8291 9.14008C16.7056 8.88406 16.2432 8.53367 15.5 8.53367ZM7.98852 14.5419C7.68858 14.2459 7.67123 13.7484 7.9569 13.4376C8.2402 13.1293 8.72388 13.1275 9.02418 13.416C9.04355 13.4316 9.09073 13.4691 9.12649 13.4945C9.22721 13.5661 9.39425 13.6714 9.63305 13.7802C10.1081 13.9965 10.8804 14.2326 12 14.2326C13.1196 14.2326 13.8919 13.9965 14.3669 13.7802C14.6057 13.6714 14.7728 13.5661 14.8735 13.4945C14.9239 13.4587 14.9578 13.4313 14.9758 13.416C14.9835 13.4095 14.9883 13.4053 14.9902 13.4035L14.991 13.4028C15.2913 13.115 15.76 13.1296 16.0431 13.4376C16.3288 13.7484 16.3172 14.2403 16.0172 14.5363L16.016 14.5375L16.0146 14.5389L16.0115 14.5419L16.0041 14.549L15.9842 14.5675C15.9688 14.5816 15.9489 14.5993 15.9244 14.62C15.8754 14.6615 15.8081 14.715 15.7218 14.7763C15.5491 14.899 15.3005 15.0527 14.9706 15.203C14.3081 15.5047 13.3304 15.7868 12 15.7868C10.6696 15.7868 9.69192 15.5047 9.02945 15.203C8.6995 15.0527 8.45092 14.899 8.2782 14.7763C8.19189 14.715 8.1246 14.6615 8.07562 14.62C8.05246 14.6005 8.00187 14.5544 7.99015 14.5434L7.98852 14.5419Z" clip-rule="evenodd"/></svg>

Mask Happy Bold ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="solar:mask-happy-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:mask-happy-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:mask-happy-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mask-happy-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mask-happy-bold"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:mask-happy-bold"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/mask-happy-bold.svg" alt="Mask Happy Bold ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Diğer ikon setlerinde Mask Happy Bold ikonu

Mask Happy Bold ikonu: sık sorulan sorular

Mask Happy Bold ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Mask Happy Bold ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:mask-happy-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Mask Happy Bold ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/solar/mask-happy-bold.svg" alt="Mask Happy Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →