Иконка Folder Pen Bold

solar:folder-pen-bold

Иконка Folder Pen Bold (solar:folder-pen-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
Теги: folderpen, penbold, folderpenbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.4971 12.7705C12.5905 12.9055 12.7026 13.0424 12.8359 13.1758C12.9689 13.3088 13.1056 13.4204 13.2402 13.5137L11.2744 15.4795C11.0748 15.6791 11.0184 15.7347 10.96 15.7803C10.8814 15.8415 10.796 15.8936 10.7061 15.9365C10.6392 15.9684 10.5636 15.9948 10.2959 16.084L9.93164 16.2051L9.80566 16.0791L9.92773 15.7158C10.017 15.4481 10.0433 15.3726 10.0752 15.3057C10.1181 15.2157 10.1702 15.1303 10.2314 15.0518C10.277 14.9933 10.3326 14.9369 10.5322 14.7373L12.4971 12.7705Z"/><path d="M13.5967 11.6719C13.8018 11.4681 14.1332 11.4694 14.3379 11.6738C14.5426 11.8785 14.5427 12.2089 14.3389 12.4141C14.2064 12.3575 14.0477 12.2665 13.8965 12.1152C13.7448 11.9635 13.6531 11.8046 13.5967 11.6719Z"/><path fill-rule="evenodd" d="M6.9502 2C7.33657 2 7.53009 2.00021 7.71582 2.01758C8.51677 2.09253 9.27617 2.40751 9.89551 2.9209C10.0392 3.04 10.1768 3.17677 10.4502 3.4502L11 4C11.8156 4.81562 12.2236 5.22336 12.7119 5.49512C12.9802 5.6444 13.2653 5.76251 13.5605 5.84668C14.098 5.99985 14.6748 6 15.8281 6H16.2021C18.8343 6 20.1503 6.0002 21.0059 6.76953C21.0846 6.84031 21.1597 6.91545 21.2305 6.99414C21.9998 7.84966 22 9.16566 22 11.7979V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V6.9502C2 6.06798 2.00006 5.62628 2.06934 5.25879C2.37463 3.64071 3.64071 2.37463 5.25879 2.06934C5.62628 2.00006 6.06798 2 6.9502 2ZM15.3994 10.6123C14.6086 9.82179 13.326 9.82178 12.5352 10.6123L9.47168 13.6768C9.29711 13.8513 9.16416 13.9811 9.04883 14.1289C8.92041 14.2935 8.81054 14.4726 8.7207 14.6611C8.64009 14.8303 8.58194 15.0071 8.50391 15.2412L8.0625 16.5654C7.93175 16.9583 8.0345 17.3917 8.32715 17.6846C8.61996 17.9774 9.05339 18.0799 9.44629 17.9492L10.7705 17.5078C11.0046 17.4298 11.1814 17.3716 11.3506 17.291C11.5391 17.2012 11.7182 17.0913 11.8828 16.9629C12.0306 16.8476 12.1604 16.7146 12.335 16.54L15.3994 13.4766C16.19 12.6857 16.1902 11.4031 15.3994 10.6123Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Folder Pen Bold

React

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

<Icon icon="solar:folder-pen-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-pen-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-pen-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-pen-bold]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:folder-pen-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/folder-pen-bold.svg" alt="Иконка Folder Pen Bold" width="24" height="24">

Вопросы и ответы: Иконка Folder Pen Bold

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

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

Как использовать иконку Folder Pen Bold в React?

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

Как добавить иконку Folder Pen Bold на веб-страницу?

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

Все Иконки Solar →