Ikon Sleeping Circle Bold

solar:sleeping-circle-bold

Ikon Sleeping Circle Bold (solar:sleeping-circle-bold) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Wajah
Tag: sleepingcircle, circlebold, sleepingcirclebold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.375 4.64952C16.0163 4.85663 15.5576 4.73372 15.3505 4.375C15.1434 4.01628 15.2663 3.55759 15.625 3.35048L19.0891 1.35048C19.3518 1.19881 19.68 1.22032 19.9207 1.40499C20.1614 1.58965 20.2671 1.90111 20.1886 2.19412L19.1931 5.90926L21.0891 4.81459C21.4478 4.60748 21.9065 4.73039 22.1136 5.0891C22.3208 5.44782 22.1978 5.90652 21.8391 6.11362L18.375 8.11362C18.1123 8.2653 17.7841 8.24379 17.5435 8.05912C17.3028 7.87445 17.1971 7.563 17.2756 7.26999L18.271 3.55485L16.375 4.64952Z"/><path d="M12.6729 6.14954C12.3142 5.94244 12.1912 5.48374 12.3984 5.12503C12.6055 4.76631 13.0642 4.6434 13.4229 4.85051L15.1549 5.85051C15.4176 6.00218 15.5631 6.29717 15.5235 6.59792C15.4839 6.89867 15.267 7.14596 14.974 7.22447L13.991 7.48789L14.1549 7.58256C14.5136 7.78966 14.6366 8.24836 14.4294 8.60708C14.2223 8.9658 13.7636 9.0887 13.4049 8.88159L11.6729 7.88159C11.4102 7.72992 11.2647 7.43493 11.3043 7.13418C11.3439 6.83343 11.5607 6.58614 11.8538 6.50763L12.8368 6.24421L12.6729 6.14954Z"/><path d="M13.2847 3.26172C12.4277 3.17188 11.5581 3.58105 11.0991 4.375C10.9194 4.68652 10.8228 5.02246 10.8018 5.3584C10.7549 5.38965 10.709 5.42285 10.6646 5.45703C10.2075 5.81348 9.89551 6.34082 9.81738 6.93848C9.75293 7.42578 9.85059 7.90723 10.0776 8.31836C10.2715 8.66992 10.5601 8.9707 10.9229 9.18066L12.6548 10.1807C13.731 10.8018 15.1074 10.4336 15.7285 9.35742C15.8823 9.09082 15.9756 8.80566 16.0122 8.51855C16.1606 8.79785 16.3691 9.04883 16.6304 9.24902C17.3525 9.80273 18.3369 9.86816 19.125 9.41309L20.1006 8.84961C20.6782 10.1143 21 11.5195 21 13C21 18.5225 16.5229 23 11 23C5.47705 23 1 18.5225 1 13C1 7.47754 5.47705 3 11 3C11.7861 3 12.5508 3.08984 13.2847 3.26172ZM5.44629 11.252C5.66895 11.2363 5.89648 11.3193 6.05762 11.498C6.52246 12.0156 7.02246 12.25 7.5 12.25C7.79736 12.25 8.10352 12.1592 8.4043 11.9658C8.58691 11.8486 8.76709 11.6934 8.94238 11.498C9.10059 11.3223 9.32373 11.2383 9.54346 11.251C9.70752 11.2607 9.86963 11.3242 10.0015 11.4424C10.3096 11.7197 10.3345 12.1934 10.0576 12.502C9.38867 13.2451 8.50977 13.75 7.5 13.75C6.49023 13.75 5.61133 13.2451 4.94238 12.502C4.66553 12.1934 4.69043 11.7197 4.99854 11.4424C5.12744 11.3262 5.28564 11.2627 5.44629 11.252ZM13.0576 11.498C12.7808 11.1904 12.3066 11.165 11.9985 11.4424C11.6904 11.7197 11.6655 12.1934 11.9424 12.502C12.6113 13.2451 13.4902 13.75 14.5 13.75C15.5098 13.75 16.3887 13.2451 17.0576 12.502C17.3345 12.1934 17.3096 11.7197 17.0015 11.4424C16.6934 11.165 16.2192 11.1904 15.9424 11.498C15.4775 12.0156 14.9775 12.25 14.5 12.25C14.0225 12.25 13.5225 12.0156 13.0576 11.498ZM12 17C12 17.5527 11.5522 18 11 18C10.4478 18 10 17.5527 10 17C10 16.4473 10.4478 16 11 16C11.5522 16 12 16.4473 12 17Z"/></g></svg>

Cara memakai ikon Sleeping Circle Bold

React

import { Icon } from "@iconify/react";

<Icon icon="solar:sleeping-circle-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:sleeping-circle-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:sleeping-circle-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sleeping-circle-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sleeping-circle-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:sleeping-circle-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/sleeping-circle-bold.svg" alt="Ikon Sleeping Circle Bold" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Sleeping Circle Bold

Apakah ikon Sleeping Circle Bold gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Sleeping Circle Bold di React?

Pasang @iconify/react lalu render <Icon icon="solar:sleeping-circle-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Sleeping Circle Bold ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/sleeping-circle-bold.svg" alt="Ikon Sleeping Circle Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →