Ikon Self Care
material-symbols:self-care
Ikon Self Care (material-symbols:self-care) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Symbols
- Pembuat
- Google
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- selfcare
Kode SVG
<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>
Cara memakai ikon Self Care
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 component
<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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/self-care.svg" alt="Ikon Self Care" width="24" height="24">
Ikon terkait di Material Symbols
Ikon Self Care di set ikon lain
FAQ Ikon Self Care
Apakah ikon Self Care gratis untuk penggunaan komersial?
Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Self Care di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols:self-care" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Self Care ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/self-care.svg" alt="Ikon Self Care">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Symbols →
ICONYZ
