List Collapse Bold Duotone ikonu

solar:list-collapse-bold-duotone

List Collapse Bold Duotone ikonu (solar:list-collapse-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: Listeler
Etiketler: listcollapse, collapsebold, boldduotone, listcollapseboldduotone

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><g opacity=".5"><path d="M21 17.25C21.4142 17.25 21.75 17.5858 21.75 18C21.75 18.4142 21.4142 18.75 21 18.75H13C12.5858 18.75 12.25 18.4142 12.25 18C12.25 17.5858 12.5858 17.25 13 17.25H21Z"/><path d="M21 13.25C21.4142 13.25 21.75 13.5858 21.75 14C21.75 14.4142 21.4142 14.75 21 14.75H13C12.5858 14.75 12.25 14.4142 12.25 14C12.25 13.5858 12.5858 13.25 13 13.25H21Z"/><path d="M21 9.25C21.4142 9.25 21.75 9.58579 21.75 10C21.75 10.4142 21.4142 10.75 21 10.75H13C12.5858 10.75 12.25 10.4142 12.25 10C12.25 9.58579 12.5858 9.25 13 9.25H21Z"/><path d="M21 5.25C21.4142 5.25 21.75 5.58579 21.75 6C21.75 6.41421 21.4142 6.75 21 6.75H13C12.5858 6.75 12.25 6.41421 12.25 6C12.25 5.58579 12.5858 5.25 13 5.25H21Z"/></g><path d="M4.79839 13.4305C5.11288 13.1613 5.58653 13.1972 5.85601 13.5116L7.56987 15.5116C7.81037 15.7924 7.81037 16.2074 7.56987 16.4882L5.85601 18.4882C5.58654 18.8025 5.11288 18.8385 4.79839 18.5692C4.48393 18.2997 4.4469 17.8261 4.71636 17.5116L6.01323 15.9999L4.71636 14.4882C4.4469 14.1737 4.48393 13.7001 4.79839 13.4305Z"/><path d="M4.79839 5.43053C5.11288 5.16128 5.58653 5.1972 5.85601 5.51159L7.56987 7.51159C7.81037 7.79238 7.81037 8.20736 7.56987 8.48815L5.85601 10.4882C5.58654 10.8025 5.11288 10.8385 4.79839 10.5692C4.48393 10.2997 4.4469 9.82608 4.71636 9.51159L6.01323 7.99987L4.71636 6.48815C4.4469 6.17366 4.48393 5.70007 4.79839 5.43053Z"/></g></svg>

List Collapse Bold Duotone ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML görseli

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

Solar setindeki benzer ikonlar

List Collapse Bold Duotone ikonu: sık sorulan sorular

List Collapse 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.

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

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

List Collapse 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/list-collapse-bold-duotone.svg" alt="List Collapse 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ı →