ICONYZ
Русский
Иконка Collapse All из набора Codicons

Иконка Collapse All

codicon:collapse-all

Иконка Collapse All (codicon:collapse-all) — бесплатная SVG-иконка из набора Codicons от Microsoft Corporation. Она нарисована на сетке 24 × 24. Codicons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Codicons
Автор
Microsoft Corporation
Лицензия
CC-BY-4.0
Размер
24 × 24
Теги
collapseall
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14 4.27c.6.35 1 .99 1 1.73v5c0 2.21-1.79 4-4 4H6c-.74 0-1.38-.4-1.73-1H11c1.65 0 3-1.35 3-3zM9.5 7a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1z"/><path fill-rule="evenodd" d="M11 2c1.103 0 2 .897 2 2v7c0 1.103-.897 2-2 2H4c-1.103 0-2-.897-2-2V4c0-1.103.897-2 2-2zM4 3c-.551 0-1 .449-1 1v7c0 .552.449 1 1 1h7c.551 0 1-.448 1-1V4c0-.551-.449-1-1-1z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Collapse All

React

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

<Icon icon="codicon:collapse-all" width="24" />

Vue

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

<template>
  <Icon icon="codicon:collapse-all" width="24" />
</template>

Svelte

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

<Icon icon="codicon:collapse-all" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--collapse-all]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:collapse-all"></div>

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

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

<iconify-icon icon="codicon:collapse-all"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/codicon/collapse-all.svg" alt="Иконка Collapse All" width="24" height="24">

Похожие иконки в наборе Codicons

Иконка collapse-all-compact
collapse-all-compact

Иконка Collapse All в других наборах

Иконка Collapse All из набора Material Design Icons
Material Design Icons
 Иконка Collapse All из набора Material Symbols
Material Symbols
 Иконка Collapse All из набора Carbon
Carbon
 Иконка Collapse All из набора Material Symbols Light
Material Symbols Light
 Иконка Collapse All из набора Siemens Industrial Experience Icons
Siemens Industrial Experience Icons

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

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

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

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

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

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

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

Все Codicons →