ICONYZ
Türkçe
Firefox OS Emoji setinden Sunwithface ikonu

Sunwithface ikonu

fxemoji:sunwithface

Sunwithface ikonu (fxemoji:sunwithface), Firefox OS Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Mozilla). 512 × 512 ızgara üzerinde çizilmiştir. Firefox OS Emoji icons, Apache 2.0 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
Firefox OS Emoji
Yazar
Mozilla
Lisans
Apache-2.0
Boyut
512 × 512
Kategori
Doğa
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFC639" d="m266.755 33.379l43.16-29.48c9.14-6.243 21.694-2.879 26.488 7.097l22.638 47.111A18.075 18.075 0 0 0 376.7 68.302l52.118-3.951c11.037-.837 20.227 8.353 19.39 19.39l-3.951 52.118a18.08 18.08 0 0 0 10.195 17.659l47.111 22.638c9.977 4.794 13.34 17.348 7.097 26.488l-29.48 43.16a18.08 18.08 0 0 0 0 20.39l29.48 43.161c6.243 9.14 2.879 21.694-7.097 26.488l-47.111 22.638a18.075 18.075 0 0 0-10.195 17.659l3.951 52.118c.837 11.037-8.353 20.227-19.39 19.39l-52.118-3.951a18.08 18.08 0 0 0-17.659 10.195l-22.638 47.111c-4.794 9.977-17.348 13.34-26.488 7.097l-43.16-29.48a18.08 18.08 0 0 0-20.39 0l-43.161 29.48c-9.14 6.243-21.694 2.879-26.488-7.097l-22.638-47.111a18.075 18.075 0 0 0-17.659-10.195l-52.118 3.951c-11.037.837-20.227-8.353-19.39-19.39l3.951-52.118a18.08 18.08 0 0 0-10.195-17.659l-47.111-22.638c-9.977-4.794-13.34-17.348-7.097-26.488l29.48-43.161a18.08 18.08 0 0 0 0-20.39l-29.48-43.16c-6.243-9.14-2.879-21.694 7.097-26.488l47.111-22.638a18.075 18.075 0 0 0 10.195-17.659l-3.951-52.118c-.837-11.037 8.353-20.227 19.39-19.39l52.118 3.951a18.08 18.08 0 0 0 17.659-10.195l22.638-47.111c4.794-9.977 17.348-13.34 26.488-7.097l43.161 29.48a18.08 18.08 0 0 0 20.39 0"/><circle cx="256.56" cy="256" r="208.732" fill="#FFE564"/><path fill="#FFB636" d="M259.031 323.412h-.02c-12.192-.007-23.288-6.066-29.681-16.21a8.63 8.63 0 0 1 14.603-9.203c3.215 5.102 8.854 8.148 15.086 8.152h.01c6.24 0 11.892-3.05 15.119-8.16c2.545-4.03 7.878-5.232 11.906-2.688a8.63 8.63 0 0 1 2.688 11.906c-6.408 10.146-17.514 16.203-29.711 16.203m-65.322-142.813a8.63 8.63 0 0 0 1.892-12.058c-8.646-11.865-21.619-18.673-35.591-18.679h-.018c-13.979 0-26.965 6.806-35.628 18.673a8.63 8.63 0 0 0 1.882 12.06a8.63 8.63 0 0 0 12.06-1.882c5.377-7.366 13.281-11.59 21.688-11.59h.01c8.396.003 16.286 4.226 21.648 11.584a8.62 8.62 0 0 0 6.982 3.548a8.6 8.6 0 0 0 5.075-1.656m198.181 0a8.63 8.63 0 0 0 1.892-12.058c-8.646-11.865-21.618-18.673-35.59-18.679h-.019c-13.979 0-26.966 6.806-35.629 18.673a8.63 8.63 0 0 0 1.882 12.06a8.63 8.63 0 0 0 12.06-1.882c5.378-7.366 13.281-11.59 21.688-11.59h.011c8.396.004 16.286 4.226 21.648 11.584a8.62 8.62 0 0 0 6.981 3.548a8.6 8.6 0 0 0 5.076-1.656"/><path fill="#2B3B47" d="M179.977 224.548v28.116h-.042c0 .042.042.078.042.078c0 11.042-8.959 20-20 20s-20-8.959-20-20.022v-.057h-.086v-28.116h.241c.893-10.242 9.369-18.301 19.845-18.301c10.446 0 18.923 8.059 19.803 18.301h.197zm198.05 0c-.88-10.242-9.369-18.301-19.845-18.301c-10.433 0-18.923 8.059-19.803 18.301h-.241v28.116h.086v.057c0 11.063 8.959 20.022 19.958 20.022c11.042 0 20-8.959 20-20v-28.194h-.155zM291.65 383.127a8.631 8.631 0 0 0-10.444-13.744c-13.47 10.233-30.874 10.234-44.339.001a8.63 8.63 0 0 0-12.094 1.649a8.63 8.63 0 0 0 1.649 12.093c9.754 7.413 21.181 11.118 32.613 11.118c11.429 0 22.861-3.707 32.615-11.117"/></svg>

Sunwithface ikonu nasıl kullanılır

React

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

<Icon icon="fxemoji:sunwithface" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:sunwithface" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:sunwithface" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--sunwithface]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:sunwithface"></div>

Web bileşeni

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

<iconify-icon icon="fxemoji:sunwithface"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fxemoji/sunwithface.svg" alt="Sunwithface ikonu" width="24" height="24">

Sunwithface ikonu: sık sorulan sorular

Sunwithface ikonu ticari kullanım için ücretsiz mi?

Evet. Firefox OS Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Sunwithface ikonunu React'te nasıl kullanırım?

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

Sunwithface 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/fxemoji/sunwithface.svg" alt="Sunwithface ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Firefox OS Emoji ikonları →