Mood ikonu
zmdi:mood
Mood ikonu (zmdi:mood), Material Design Iconic Font setinden ücretsiz bir SVG ikondur (yapımcı: MDI Community). 432 × 432 ızgara üzerinde çizilmiştir. Material Design Iconic Font icons, Open Font License 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
- Material Design Iconic Font
- Yazar
- MDI Community
- Lisans
- OFL-1.1
- Boyut
- 432 × 432
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="432" height="432" viewBox="0 0 432 432"><path fill="currentColor" d="M213.5 3q88.5 0 151 62.5T427 216t-62.5 150.5t-151 62.5t-151-62.5T0 216T62.5 65.5T213.5 3m0 384q70.5 0 120.5-50t50-121t-50-121t-120.5-50T93 95T43 216t50 121t120.5 50M288 195q-13 0-22.5-9.5t-9.5-23t9.5-22.5t22.5-9t22.5 9t9.5 22.5t-9.5 23T288 195m-149.5 0q-13.5 0-22.5-9.5t-9-23t9-22.5t22.5-9t23 9t9.5 22.5t-9.5 23t-23 9.5m75 138q-36.5 0-66.5-20.5T104 259h218q-13 33-42.5 53.5t-66 20.5"/></svg>Mood ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:mood" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:mood" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:mood" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--mood]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:mood"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:mood"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/zmdi/mood.svg" alt="Mood ikonu" width="24" height="24">Material Design Iconic Font setindeki benzer ikonlar
Diğer ikon setlerinde Mood ikonu
Mood ikonu: sık sorulan sorular
Mood ikonu ticari kullanım için ücretsiz mi?
Evet. Material Design Iconic Font icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Mood ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="zmdi:mood" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Mood 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/zmdi/mood.svg" alt="Mood ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.