Иконка Folders Bold Duotone
solar:folders-bold-duotone
Иконка Folders Bold Duotone (solar:folders-bold-duotone) — бесплатная 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
- Теги
- foldersbold, boldduotone, foldersboldduotone, folder
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.4277 21.0403C16.4678 22.0002 14.9227 22.0002 11.8326 22.0002H8.55508C5.465 22.0002 3.91994 22.0002 2.95997 21.0403C2 20.0803 2 18.5352 2 15.4451V9.66827C2 8.94514 2 8.58357 2.05682 8.2824C2.30697 6.95657 3.34404 5.9195 4.66987 5.66935C4.90221 5.62551 5.61296 5.61719 5.61296 5.61719L5.6123 6.05567V11.8325C5.6123 14.9226 5.6123 16.4677 6.57227 17.4276C7.53224 18.3876 9.07729 18.3876 12.1674 18.3876H15.4449C16.7071 18.3876 17.5195 18.3633 18.3358 18.336C18.2506 19.6183 18.0252 20.4427 17.4277 21.0403Z"/><path d="M5.6123 6.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.09187C22 6.79287 22 7.87133 22 10.0283V11.8326C22 14.9227 22 16.4678 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.05575Z" opacity=".5"/></g></svg>Как использовать иконку Folders Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:folders-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:folders-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:folders-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folders-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folders-bold-duotone"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:folders-bold-duotone"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/folders-bold-duotone.svg" alt="Иконка Folders Bold Duotone" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Folders Bold Duotone
Можно ли бесплатно использовать иконку Folders Bold Duotone в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Folders Bold Duotone в React?
Установите @iconify/react и выведите <Icon icon="solar:folders-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Folders Bold Duotone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/folders-bold-duotone.svg" alt="Иконка Folders Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.