Smiling Face With Hearts ikonu
fluent-emoji-high-contrast:smiling-face-with-hearts
Smiling Face With Hearts ikonu (fluent-emoji-high-contrast:smiling-face-with-hearts), Fluent Emoji High Contrast setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Kategori
- İfadeler ve duygular
- Etiketler
- smilingface, facewith, withhearts, smilingfacewithhearts, heart
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6 2c-.5-.5-1.787-1.26-3-.9C1.4 1.575.4 4 1.4 6c.338.675.883 1.404 1.463 2.096c.404.481.825.945 1.204 1.36q.112.123.24.219c.545.407 1.29.458 1.846.034C7.383 8.772 8.911 7.383 9.5 6.5c1-1.5 1.525-3.475.25-4.75C8.168.168 6.5 1.5 6 2m4.959-.33a3.65 3.65 0 0 1 .543 1.925C12.832 3.21 14.329 3 15.999 3c4.43 0 7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22V16H29c.812 0 1.478.255 1.987.664q.01-.33.01-.665c0-4.061-1.226-7.821-3.763-10.576C24.684 2.654 20.903 1 16 1c-1.84 0-3.522.233-5.04.67m14.704 24.232a1 1 0 0 1-.31-.242c-.962-1.126-2.729-3.222-3.354-4.16c-1-1.5-.897-3.767 1-4.4c1.5-.5 3.167.9 3.5 1.4c.167-.5.9-1.5 2.5-1.5q.202 0 .385.028q.29.044.531.15c.438.188.759.512.97.904c.391.722.412 1.673.114 2.418c-.248.62-.68 1.294-1.189 1.96c-.992 1.295-2.28 2.554-3.075 3.29a.94.94 0 0 1-1.072.152m-9.665 3.096c3.682 0 6.526-1.022 8.597-2.687a1.96 1.96 0 0 0 2.495.417c-2.547 2.676-6.28 4.27-11.092 4.27c-2.475 0-4.664-.422-6.554-1.195c.381-.48.805-1.066 1.162-1.694c1.544.57 3.337.889 5.392.889m-7.495.379q-.12.147-.233.28c-.432.505-1.168.578-1.718.203C5.628 29.23 4.316 28.316 4 28c-1.118-1.118-1.5-3-.5-4s3-.5 3-.5s.5-1.25 2-1c2 .25 2.25 2.5 1.75 4c-.135.405-.338.82-.574 1.222a13.4 13.4 0 0 1-1.172 1.655m-4.125-6.904c-.539.114-1.116.35-1.586.82a3 3 0 0 0-.157.17C1.537 21.243 1 18.687 1 15.999c0-2.473.455-4.834 1.383-6.925c.332.384.659.742.946 1.057c.172.188.37.35.586.482C3.309 12.24 3 14.06 3 16c0 2.386.467 4.59 1.379 6.474M8.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.15-.413c.643 0 .97.222 1.158.429c.218.24.323.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C12.563 8.452 11.696 8 10.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38"/><path d="M19.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.219.24.324.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C23.563 8.452 22.696 8 21.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38M13 16a1 1 0 1 0-2 0c0 .827.24 2.044.989 3.084C12.774 20.175 14.074 21 16 21s3.226-.825 4.012-1.916C20.76 18.044 21 16.827 21 16a1 1 0 1 0-2 0c0 .507-.16 1.289-.611 1.916C17.974 18.49 17.274 19 16 19s-1.974-.509-2.389-1.084C13.162 17.289 13 16.506 13 16"/></g></svg>
Smiling Face With Hearts ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-hearts" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-hearts" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-hearts" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--smiling-face-with-hearts]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:smiling-face-with-hearts"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:smiling-face-with-hearts"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-face-with-hearts.svg" alt="Smiling Face With Hearts ikonu" width="24" height="24">
Fluent Emoji High Contrast setindeki benzer ikonlar
Diğer ikon setlerinde Smiling Face With Hearts ikonu
Smiling Face With Hearts ikonu: sık sorulan sorular
Smiling Face With Hearts ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent Emoji High Contrast icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Smiling Face With Hearts ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-emoji-high-contrast:smiling-face-with-hearts" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Smiling Face With Hearts 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/fluent-emoji-high-contrast/smiling-face-with-hearts.svg" alt="Smiling Face With Hearts ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Fluent Emoji High Contrast ikonları →
ICONYZ
