Иконка List Collapse Minimalistic Bold

solar:list-collapse-minimalistic-bold

Иконка List Collapse Minimalistic Bold (solar:list-collapse-minimalistic-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Списки
Теги: listcollapse, collapseminimalistic, minimalisticbold, listcollapseminimalisticbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.0005 15.25C20.4145 15.2502 20.7505 15.5859 20.7505 16C20.7505 16.4141 20.4145 16.7498 20.0005 16.75H12.0005C11.5863 16.75 11.2505 16.4142 11.2505 16C11.2505 15.5858 11.5863 15.25 12.0005 15.25H20.0005Z"/><path d="M4.79839 11.4307C5.11288 11.1614 5.58653 11.1973 5.85601 11.5117L7.56987 13.5117C7.81037 13.7925 7.81037 14.2075 7.56987 14.4883L5.85601 16.4883C5.58653 16.8027 5.11288 16.8386 4.79839 16.5693C4.48393 16.2998 4.4469 15.8262 4.71636 15.5117L6.01323 14L4.71636 12.4883C4.4469 12.1738 4.48393 11.7002 4.79839 11.4307Z"/><path d="M20.0005 10.25C20.4145 10.2502 20.7505 10.5859 20.7505 11C20.7505 11.4141 20.4145 11.7498 20.0005 11.75H12.0005C11.5863 11.75 11.2505 11.4142 11.2505 11C11.2505 10.5858 11.5863 10.25 12.0005 10.25H20.0005Z"/><path d="M4.79839 5.43066C5.11288 5.16141 5.58653 5.19734 5.85601 5.51172L7.56987 7.51172C7.81037 7.79251 7.81037 8.20749 7.56987 8.48828L5.85601 10.4883C5.58653 10.8027 5.11288 10.8386 4.79839 10.5693C4.48393 10.2998 4.4469 9.82621 4.71636 9.51172L6.01323 8L4.71636 6.48828C4.4469 6.17379 4.48393 5.7002 4.79839 5.43066Z"/><path d="M20.0005 5.25C20.4145 5.25024 20.7505 5.58593 20.7505 6C20.7505 6.41407 20.4145 6.74976 20.0005 6.75H12.0005C11.5863 6.75 11.2505 6.41421 11.2505 6C11.2505 5.58579 11.5863 5.25 12.0005 5.25H20.0005Z"/></g></svg>

Как использовать иконку List Collapse Minimalistic Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="solar:list-collapse-minimalistic-bold"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/list-collapse-minimalistic-bold.svg" alt="Иконка List Collapse Minimalistic Bold" width="24" height="24">

Вопросы и ответы: Иконка List Collapse Minimalistic Bold

Можно ли бесплатно использовать иконку List Collapse Minimalistic Bold в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку List Collapse Minimalistic Bold в React?

Установите @iconify/react и выведите <Icon icon="solar:list-collapse-minimalistic-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку List Collapse Minimalistic Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/list-collapse-minimalistic-bold.svg" alt="Иконка List Collapse Minimalistic Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →