Иконка Folders Broken

solar:folders-broken

Иконка Folders Broken (solar:folders-broken) — бесплатная 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
Теги: foldersbroken, folder

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17.4277 21.04C16.4678 22 14.9227 22 11.8326 22H8.55508C5.46498 22 3.91994 22 2.95997 21.04C2 20.0801 2 18.535 2 15.4449V9.66805C2 8.94491 2 8.58335 2.05682 8.28217C2.14353 7.82261 2.32478 7.39775 2.57983 7.02832"/><path d="M21.9977 12.9886C21.9829 15.3243 21.872 16.5958 21.04 17.4277C20.0801 18.3877 18.535 18.3877 15.4449 18.3877H12.1674C9.07729 18.3877 7.53224 18.3877 6.57227 17.4277C5.6123 16.4678 5.6123 14.9227 5.6123 11.8326V6.05575C5.6123 5.33261 5.6123 4.97105 5.66913 4.66987C5.91928 3.34404 6.95635 2.30697 8.28218 2.05682C8.58335 2 8.94492 2 9.66805 2C9.98489 2 10.1433 2 10.2956 2.01424C10.9519 2.07562 11.5746 2.33352 12.0821 2.75426C12.1998 2.85184 12.3119 2.96386 12.5359 3.1879L12.9868 3.63877C13.6552 4.30721 13.9894 4.64143 14.3897 4.8641C14.6095 4.98642 14.8427 5.08302 15.0847 5.15199C15.5251 5.27754 15.9978 5.27754 16.9431 5.27754H17.2493C19.4062 5.27754 20.4847 5.27754 21.1857 5.90803C21.2501 5.96602 21.3115 6.02739 21.3695 6.09187C21.8934 6.67435 21.982 7.51744 21.997 9.0233"/></g></svg>

Как использовать иконку Folders Broken

React

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

<Icon icon="solar:folders-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:folders-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:folders-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-broken"></div>

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

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

<iconify-icon icon="solar:folders-broken"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/folders-broken.svg" alt="Иконка Folders Broken" width="24" height="24">

Вопросы и ответы: Иконка Folders Broken

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

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

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

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

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

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

Все Иконки Solar →