Sidebar Close Bold Duotone ikonu

solar:sidebar-close-bold-duotone

Sidebar Close Bold Duotone ikonu (solar:sidebar-close-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
Etiketler: sidebarclose, closebold, boldduotone, sidebarcloseboldduotone

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="M3.17157 4.1716C2 5.34318 2 7.2288 2 11V13C2 16.7713 2 18.6569 3.17157 19.8285C4.34315 21 6.22876 21 10 21H14C14.0843 21 14.9176 21.0001 15 21.0001L15 3.00006C14.9176 3.00005 14.0843 3.00003 14 3.00003H10C6.22876 3.00003 4.34315 3.00003 3.17157 4.1716Z" clip-rule="evenodd" opacity=".5"/><path d="M15 3.00586C17.6358 3.03348 19.8538 3.19755 20.8281 4.17188C21.9996 5.34345 22 7.2288 22 11V13C22 16.7712 21.9996 18.6565 20.8281 19.8281C19.8538 20.8024 17.6358 20.9665 15 20.9941V3.00586Z"/><path d="M6.72848 8.43066C7.04292 8.16118 7.51652 8.19739 7.7861 8.51172L10.3574 11.5117C10.5981 11.7926 10.5981 12.2074 10.3574 12.4883L7.7861 15.4883C7.51652 15.8026 7.04292 15.8388 6.72848 15.5693C6.41413 15.2997 6.3779 14.8262 6.64742 14.5117L8.79977 12L6.64742 9.48828C6.3779 9.17384 6.41413 8.70025 6.72848 8.43066Z"/></g></svg>

Sidebar Close Bold Duotone ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sidebar-close-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:sidebar-close-bold-duotone"></iconify-icon>

HTML görseli

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

Solar setindeki benzer ikonlar

Sidebar Close Bold Duotone ikonu: sık sorulan sorular

Sidebar Close 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.

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

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

Sidebar Close 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/sidebar-close-bold-duotone.svg" alt="Sidebar Close 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ı →