Sleeping ikonu
fxemoji:sleeping
Sleeping ikonu (fxemoji:sleeping), 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
- İnsanlar
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD469" d="M257.4 52.9c-121.2 0-219.5 98.3-219.5 219.5c0 3.2.1 6.3.2 9.4c-14.2.3-25.6 11.8-25.6 26c0 14.4 11.7 26.1 26.1 26.1h8.1c26.6 91.3 110.8 158 210.7 158c121.2 0 219.5-98.3 219.5-219.5c0-121.3-98.3-219.5-219.5-219.5"/><path fill="#FFB636" d="M476.7 282c.1-3.2.2-6.4.2-9.6c0-58.6-23-111.9-60.5-151.2c21.2 34.4 33.5 74.8 33.5 118.2c0 124.5-101 225.5-225.5 225.5c-43.3 0-83.8-12.2-118.2-33.4C145.6 469 198.8 492 257.4 492c99.8 0 184-66.6 210.6-157.9h4.7c14.5 0 26.2-11.7 26.2-26.2c0-13.2-9.6-24-22.2-25.9"/><path fill="#F2A74E" d="M119.1 249.2c-1.8 0-3.6-.6-5-1.9c-3.1-2.8-3.4-7.6-.6-10.7c8.7-9.8 21.2-15.4 34.3-15.4s25.6 5.6 34.3 15.4c2.8 3.1 2.5 8-.7 10.7c-3.1 2.8-7.9 2.5-10.7-.7c-5.8-6.5-14.1-10.3-22.9-10.3s-17.1 3.7-22.9 10.3c-1.6 1.7-3.7 2.6-5.8 2.6m275.7 0c-2.1 0-4.2-.9-5.7-2.6c-5.8-6.5-14.1-10.3-22.9-10.3s-17.1 3.7-22.9 10.3c-2.8 3.1-7.6 3.4-10.7.6s-3.4-7.6-.6-10.7c8.7-9.8 21.2-15.4 34.3-15.4s25.6 5.6 34.3 15.4c2.8 3.1 2.5 8-.7 10.7c-1.5 1.4-3.3 2-5.1 2"/><path fill="#2B3B47" d="M396.8 286.7c-4.2-3.7-10.7-3.3-14.4.9c-4.1 4.6-10 7.2-16.2 7.2s-12.1-2.6-16.2-7.2c-3.7-4.2-10.2-4.6-14.4-.9c-3.4 3-4.2 7.7-2.5 11.7c.1.9.3 1.9.7 2.8c6.1 13.7 18.4 22.1 32.3 22.1s26.3-8.5 32.3-22.1c.4-.9.6-1.8.7-2.8c1.9-4 1.1-8.7-2.3-11.7m-218.5 0c-4.2-3.7-10.7-3.4-14.4.9c-4.1 4.6-10 7.2-16.2 7.2s-12.1-2.6-16.2-7.2c-3.7-4.2-10.2-4.6-14.4-.9c-3.4 3-4.2 7.7-2.5 11.7c.1.9.3 1.9.7 2.8c6.1 13.7 18.4 22.1 32.3 22.1s26.3-8.5 32.3-22.1c.4-.9.6-1.8.7-2.8c1.9-4 1.1-8.7-2.3-11.7m110.4 107.4c0 17.3-14 31.3-31.3 31.3s-31.3-14-31.3-31.3s14-24.5 31.3-24.5s31.3 7.2 31.3 24.5"/><path fill="#009E83" d="M379.4 124H334c-3.4 0-6.4-2-7.7-5.1s-.6-6.7 1.8-9.1l32-32h-24.6c-4.6 0-8.3-3.7-8.3-8.3s3.7-8.3 8.3-8.3h44.8c3.4 0 6.4 2 7.7 5.1s.6 6.7-1.8 9.1l-32 32h25.3c4.6 0 8.3 3.7 8.3 8.3c-.1 4.6-3.8 8.3-8.4 8.3"/><path fill="#00BEEA" d="M442.9 55h-29.5c-2.5 0-4.8-1.5-5.8-3.9c-1-2.3-.4-5 1.4-6.8l19.4-19.4h-14c-3.5 0-6.3-2.8-6.3-6.3s2.8-6.3 6.3-6.3h29.1c2.5 0 4.8 1.5 5.8 3.9c1 2.3.4 5-1.4 6.8l-19.4 19.4h14.4c3.5 0 6.3 2.8 6.3 6.3s-2.9 6.3-6.3 6.3"/><path fill="#00B89C" d="M475.6 183.1h-61.4c-5.1 0-9.6-3-11.6-7.7c-1.9-4.7-.9-10.1 2.7-13.6l41.2-41.2h-30.4c-6.9 0-12.5-5.6-12.5-12.5s5.6-12.5 12.5-12.5h60.6c5.1 0 9.6 3 11.6 7.7c1.9 4.7.9 10.1-2.7 13.6l-41.2 41.2h31.2c6.9 0 12.5 5.6 12.5 12.5s-5.6 12.5-12.5 12.5"/></svg>Sleeping ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:sleeping" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:sleeping" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:sleeping" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--sleeping]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:sleeping"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:sleeping"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fxemoji/sleeping.svg" alt="Sleeping ikonu" width="24" height="24">Diğer ikon setlerinde Sleeping ikonu
Sleeping ikonu: sık sorulan sorular
Sleeping 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.
Sleeping ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fxemoji:sleeping" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Sleeping 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/sleeping.svg" alt="Sleeping ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.