Sleeping Bold Duotone ikonu

solar:sleeping-bold-duotone

Sleeping Bold Duotone ikonu (solar:sleeping-bold-duotone), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Kategori: Arayüz
Etiketler: sleepingbold, boldduotone, sleepingboldduotone

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 5.25C2.41421 5.25 2.75 5.58579 2.75 6V15.25H12H22.6428L22.6429 15.643L22.642 16.0001V18.0002C22.642 18.4144 22.3063 18.7502 21.892 18.7502C21.4778 18.7502 21.142 18.4144 21.142 18.0002V16.75H2.75V18C2.75 18.4142 2.41421 18.75 2 18.75C1.58579 18.75 1.25 18.4142 1.25 18V6C1.25 5.58579 1.58579 5.25 2 5.25Z" clip-rule="evenodd"/><path d="M7 13.5C8.38071 13.5 9.5 12.3807 9.5 11C9.5 9.61929 8.38071 8.5 7 8.5C5.61929 8.5 4.5 9.61929 4.5 11C4.5 12.3807 5.61929 13.5 7 13.5Z" opacity=".5"/><path d="M22.3623 11.8486C21.8597 10.4124 20.7305 9.28314 19.2943 8.78058C18.4924 8.5 17.4949 8.5 15.5 8.5H15.4977C14.7 8.5 13.6599 8.5 13.3394 8.61213C12.7649 8.81315 12.3133 9.26484 12.1122 9.83933C12 10.1601 12 10.5591 12 11.357V15.2499H22.6428C22.6416 13.5133 22.6238 12.596 22.3623 11.8486Z" opacity=".5"/></g></svg>

Sleeping Bold Duotone ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Solar setindeki benzer ikonlar

Sleeping Bold Duotone ikonu: sık sorulan sorular

Sleeping Bold Duotone ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Sleeping Bold Duotone ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="solar:sleeping-bold-duotone" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Sleeping Bold Duotone 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/solar/sleeping-bold-duotone.svg" alt="Sleeping Bold Duotone ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →