Happy ikonu
healthicons:happy
Happy ikonu (healthicons:happy), Health Icons setinden ücretsiz bir SVG ikondur (yapımcı: Resolve to Save Lives). 48 × 48 ızgara üzerinde çizilmiştir. Health Icons, MIT lisansı ile yayınlanır. Bu lisans 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
- Health Icons
- Yazar
- Resolve to Save Lives
- Lisans
- MIT
- Boyut
- 48 × 48
- Kategori
- Duygular
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 40c8.837 0 16-7.163 16-16S32.837 8 24 8S8 15.163 8 24s7.163 16 16 16m0 2c9.941 0 18-8.059 18-18S33.941 6 24 6S6 14.059 6 24s8.059 18 18 18"/><path d="M21.286 21.249c.107.398.146.835.016 1.193a.5.5 0 0 1-.728.257a7 7 0 0 1-.766-.557l-.195-.16c-.18-.146-.354-.288-.534-.423c-.502-.375-.9-.573-1.245-.556c-.362.018-.8.271-1.362.715c-.159.125-.329.267-.505.415c-.388.324-.808.675-1.207.931a.5.5 0 0 1-.766-.352c-.05-.365.026-.821.169-1.267a5.6 5.6 0 0 1 .695-1.416c.62-.907 1.626-1.762 2.973-1.706c1.3.055 2.264.817 2.844 1.647c.292.416.498.863.61 1.279m5.345 0c-.108.398-.147.835-.017 1.193a.5.5 0 0 0 .729.257c.262-.158.521-.36.765-.557l.196-.16c.18-.146.354-.288.534-.423c.501-.375.9-.573 1.244-.556c.363.018.8.271 1.363.715c.158.125.328.267.505.415c.387.324.807.675 1.207.931a.5.5 0 0 0 .765-.352c.05-.365-.026-.821-.168-1.267a5.6 5.6 0 0 0-.695-1.416c-.62-.907-1.627-1.762-2.974-1.706c-1.3.055-2.263.817-2.844 1.647a4.2 4.2 0 0 0-.61 1.279M24 37c-4.038 0-7.538-3.048-9.258-7.5l-.05-.129C14.246 28.18 15.2 27 16.473 27h15.055c1.273 0 2.228 1.18 1.78 2.371l-.049.129C31.538 33.952 28.038 37 24 37m7.276-7.928c-.3.728-.649 1.396-1.035 2H17.759a12.5 12.5 0 0 1-.913-1.715v-.285z"/><path d="M31.272 33.072q.34-.443.65-.923a14.6 14.6 0 0 0 1.385-2.778c.383-1.017-.258-2.027-1.247-2.3a2 2 0 0 0-.533-.071H16.473a2 2 0 0 0-.533.072a1.9 1.9 0 0 0-1.094.797a1.66 1.66 0 0 0-.153 1.502a18 18 0 0 0 .322.79q.466 1.06 1.063 1.988q.31.48.65.922C18.602 35.502 21.168 37 24 37s5.398-1.498 7.272-3.928m.004-4a13 13 0 0 1-1.035 2H17.759a12.5 12.5 0 0 1-.913-1.715v-.285z"/></g></svg>
Happy ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:happy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:happy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:happy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--happy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:happy"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:happy"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/healthicons/happy.svg" alt="Happy ikonu" width="24" height="24">
Health Icons setindeki benzer ikonlar
Diğer ikon setlerinde Happy ikonu
Happy ikonu: sık sorulan sorular
Happy ikonu ticari kullanım için ücretsiz mi?
Evet. Health Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Happy ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="healthicons:happy" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Happy 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/healthicons/happy.svg" alt="Happy ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Health Icons →
ICONYZ
