Ikon Smiling Face With Halo
fluent-emoji-high-contrast:smiling-face-with-halo
Ikon Smiling Face With Halo (fluent-emoji-high-contrast:smiling-face-with-halo) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Smiley dan emosi
- Tag
- smilingface, facewith, withhalo, smilingfacewithhalo
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.982 14.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 11.452 11.696 11 10.5 11c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38m11 0c.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 11.452 22.696 11 21.5 11c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38M12 18a1 1 0 0 1 1 1c0 .507.16 1.289.611 1.916C14.026 21.49 14.727 22 16 22s1.974-.509 2.389-1.084c.45-.627.611-1.41.611-1.916a1 1 0 1 1 2 0c0 .827-.24 2.044-.988 3.084C19.226 23.175 17.926 24 16 24s-3.226-.825-4.011-1.916C11.239 21.044 11 19.827 11 19a1 1 0 0 1 1-1"/><path d="M7.238 1.685C9.526 1.255 12.623 1 16 1s6.474.256 8.762.685c1.131.212 2.14.48 2.903.818c.376.167.776.386 1.105.688c.326.298.73.821.73 1.559s-.404 1.26-.73 1.56c-.157.143-.33.269-.51.379c1.843 2.59 2.738 5.84 2.738 9.31c0 4.061-1.227 7.821-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 16c0-3.47.895-6.72 2.739-9.311a3.3 3.3 0 0 1-.509-.379c-.325-.298-.73-.821-.73-1.559s.405-1.26.73-1.56c.33-.3.73-.52 1.105-.687c.762-.338 1.772-.606 2.903-.818M7.214 4.75q.272.06.577.117C9.847 5.252 12.75 5.5 16 5.5s6.153-.248 8.209-.633q.305-.057.577-.117q-.272-.06-.577-.117C22.153 4.248 19.25 4 16 4s-6.153.248-8.209.633q-.305.057-.577.117m17.548 3.065c-2.288.43-5.385.685-8.762.685s-6.474-.256-8.762-.685a19 19 0 0 1-1.579-.359C3.907 9.705 3 12.676 3 16c0 3.67 1.106 6.91 3.235 9.221c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-3.324-.907-6.294-2.66-8.542c-.485.134-1.016.253-1.576.358"/></g></svg>
Cara memakai ikon Smiling Face With Halo
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--smiling-face-with-halo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:smiling-face-with-halo"></div>
Web component
<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-halo"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-face-with-halo.svg" alt="Ikon Smiling Face With Halo" width="24" height="24">
Ikon terkait di Fluent Emoji High Contrast
Ikon Smiling Face With Halo di set ikon lain
FAQ Ikon Smiling Face With Halo
Apakah ikon Smiling Face With Halo gratis untuk penggunaan komersial?
Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Smiling Face With Halo di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:smiling-face-with-halo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Smiling Face With Halo ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/smiling-face-with-halo.svg" alt="Ikon Smiling Face With Halo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent Emoji High Contrast →
ICONYZ
