Smiling ikonu
fontisto:smiling
Smiling ikonu (fontisto:smiling), Fontisto setinden ücretsiz bir SVG ikondur (yapımcı: Kenan Gündoğan). 24 × 24 ızgara üzerinde çizilmiştir. Fontisto 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
- Fontisto
- Yazar
- Kenan Gündoğan
- Lisans
- MIT
- Boyut
- 24 × 24
- Kategori
- Emoji
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.316C6.099 1.316 1.316 6.099 1.316 12S6.099 22.684 12 22.684S22.684 17.901 22.684 12c-.012-5.896-4.788-10.672-10.683-10.684zm0 22.297C5.586 23.613.387 18.414.387 12S5.586.387 12 .387S23.613 5.586 23.613 12v.015c0 6.405-5.192 11.597-11.597 11.597z"/><path fill="currentColor" d="M12 24C5.386 23.966.034 18.614 0 12.003V12C0 5.373 5.373 0 12 0s12 5.373 12 12c-.034 6.614-5.386 11.966-11.997 12zM12 .774C5.8.774.774 5.8.774 12S5.8 23.226 12 23.226S23.226 18.2 23.226 12C23.222 5.802 18.198.779 12.001.774zm0 22.297C5.886 23.071.929 18.114.929 12S5.886.929 12 .929S23.071 5.886 23.071 12S18.114 23.071 12 23.071m0-21.368C6.313 1.703 1.703 6.313 1.703 12S6.313 22.297 12 22.297S22.297 17.687 22.297 12v-.005c0-5.684-4.608-10.292-10.292-10.292z"/><path fill="currentColor" d="M12 19.665h-.003a7.84 7.84 0 0 1-7.413-5.287l-.016-.055a.44.44 0 0 1 .306-.541l.003-.001h.31l.232.232c.917 2.764 3.479 4.723 6.499 4.723l.086-.001H12h.011a6.93 6.93 0 0 0 6.555-4.674l.015-.049a.44.44 0 0 1 .545-.309l-.003-.001a.35.35 0 0 1 .232.23l.001.002q.057.063.059.155c.002.092-.022.114-.059.155c-.983 3.163-3.884 5.419-7.312 5.419h-.045h.002z"/><path fill="currentColor" d="M12 20.052h-.005a8.23 8.23 0 0 1-7.797-5.594l-.017-.058a.837.837 0 0 1 .536-1.083l.006-.002a.58.58 0 0 1 .62.079l-.001-.001a.57.57 0 0 1 .387.461v.003c.868 2.628 3.301 4.49 6.169 4.49h.026h-.001h.076a6.415 6.415 0 0 0 6.105-4.445l.013-.045a.84.84 0 0 1 1.09-.541l-.006-.002a.8.8 0 0 1 .462.383l.002.004a.86.86 0 0 1 .076.626l.001-.006c-1.024 3.341-4.082 5.729-7.697 5.729h-.047H12zm0-.775h.068a7.32 7.32 0 0 0 6.962-5.058l.015-.052l.077-.465l-.155.387h-.077c-.992 2.947-3.729 5.032-6.954 5.032h-.014h.001h-.013a7.32 7.32 0 0 1-6.939-4.981l-.015-.052h-.077s-.077.077 0 .077c1.024 2.995 3.814 5.11 7.098 5.11h.026h-.001zm6.348-8.825h-3.716a.542.542 0 0 1 0-1.084h3.716a.547.547 0 0 1 .387.929c-.077.155-.232.155-.387.155"/><path fill="currentColor" d="M18.348 10.839h-3.716l-.044.001a.84.84 0 0 1-.652-.309l-.001-.002a1.15 1.15 0 0 1-.309-.693v-.004l-.001-.044c0-.263.121-.497.309-.652l.001-.001a1.9 1.9 0 0 1 .684-.307l.013-.002h3.716l.044-.001c.263 0 .497.121.652.309l.001.002c.173.184.287.425.309.693v.004a.84.84 0 0 1-.308.696l-.002.001a.84.84 0 0 1-.653.311l-.046-.001zm-3.716-1.162c-.077 0-.077 0-.155.077s-.077.077-.077.155s0 .077.077.155s.077.077.155.077h3.716c.077 0 .077 0 .155-.077s.077-.077.077-.155s0-.077-.077-.155a.26.26 0 0 0-.153-.077h-.001zm-5.264.775H5.643a.61.61 0 0 1-.611-.611v-.022a.53.53 0 0 1 .53-.53h.013h-.001h3.729a.53.53 0 0 1 .53.53v.013v-.001c.155.387-.155.619-.465.619z"/><path fill="currentColor" d="M9.368 10.839H5.652a1.024 1.024 0 0 1-1.006-1.005v-.001l-.001-.044c0-.263.121-.497.309-.652l.002-.001c.184-.173.425-.287.693-.309h3.72l.044-.001c.263 0 .497.121.652.309l.001.002c.173.184.287.425.309.693v.035a.976.976 0 0 1-.976.976l-.032-.001h.002zM5.652 9.677c-.077 0-.077 0-.155.077s-.077.077-.077.155a.246.246 0 0 0 .232.232h3.717a.246.246 0 0 0 .232-.232v-.001c0-.077 0-.077-.077-.155s-.077-.077-.155-.077z"/></svg>Smiling ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:smiling" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:smiling" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:smiling" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--smiling]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:smiling"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:smiling"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fontisto/smiling.svg" alt="Smiling ikonu" width="24" height="24">Smiling ikonu: sık sorulan sorular
Smiling ikonu ticari kullanım için ücretsiz mi?
Evet. Fontisto icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Smiling ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fontisto:smiling" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Smiling 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/fontisto/smiling.svg" alt="Smiling ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.