Self Care ikonu
material-symbols:self-care
Self Care ikonu (material-symbols:self-care), Material Symbols setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols 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
- Material Symbols
- Yazar
- Google
- Lisans
- Apache-2.0
- Boyut
- 24 × 24
- Etiketler
- selfcare
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 23q-.425 0-.712-.288T15 22t.288-.712T16 21h3v-1h-3q-.425 0-.712-.288T15 19t.288-.712T16 18h3v-1h-3q-.425 0-.712-.288T15 16t.288-.712T16 15h3v-1h-3q-.425 0-.712-.288T15 13t.288-.712T16 12h3v-1h-3q-.425 0-.712-.288T15 10t.288-.712T16 9h3V8h-3q-.425 0-.712-.288T15 7t.288-.712T16 6h4q.825 0 1.413.588T22 8v13q0 .825-.587 1.413T20 23zm-5.175-9.625Q12 11.75 12 9.5t-1.175-3.875T8 4T5.175 5.625T4 9.5t1.175 3.875T8 15t2.825-1.625M8 23q-1.2 0-1.975-.888t-.6-2.087l.4-3.525q-1.7-.825-2.762-2.713T2 9.5q0-3.125 1.75-5.312T8 2t4.25 2.188T14 9.5q0 2.4-1.062 4.288T10.175 16.5l.4 3.525q.175 1.2-.6 2.088T8 23"/></svg>
Self Care ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:self-care" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:self-care" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:self-care" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--self-care]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:self-care"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:self-care"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/material-symbols/self-care.svg" alt="Self Care ikonu" width="24" height="24">
Material Symbols setindeki benzer ikonlar
Diğer ikon setlerinde Self Care ikonu
Self Care ikonu: sık sorulan sorular
Self Care ikonu ticari kullanım için ücretsiz mi?
Evet. Material Symbols icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Self Care ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="material-symbols:self-care" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Self Care 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/material-symbols/self-care.svg" alt="Self Care ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Material Symbols ikonları →
ICONYZ
