Иконка Folder Path Connect Bold

solar:folder-path-connect-bold

Иконка Folder Path Connect Bold (solar:folder-path-connect-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
Категория: Папки
Теги: folderpath, pathconnect, connectbold, folderpathconnectbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19 8.36864V9.8C19 12.2513 19 13.477 18.1799 14.2385C17.3598 15 16.0399 15 13.4 15H12.75V18C12.75 18.0479 12.7455 18.0947 12.7369 18.1401C13.2444 18.3414 13.6499 18.7443 13.8546 19.25H14H21.25C21.6642 19.25 22 19.5858 22 20C22 20.4142 21.6642 20.75 21.25 20.75H14H13.8546C13.5579 21.483 12.8394 22 12 22C11.1607 22 10.4421 21.483 10.1454 20.75H10H2.75C2.33579 20.75 2 20.4142 2 20C2 19.5858 2.33579 19.25 2.75 19.25H10H10.1454C10.3501 18.7443 10.7556 18.3414 11.2631 18.1401C11.2545 18.0947 11.25 18.0479 11.25 18V15H10.6C7.96015 15 6.64022 15 5.82012 14.2385C5.00002 13.477 5.00002 12.2513 5.00002 9.8V5.21734C5.00002 4.64369 5.00002 4.35687 5.04856 4.11795C5.26227 3.0662 6.14824 2.24352 7.28089 2.04508C7.53818 2 7.84707 2 8.46484 2C8.73552 2 8.87085 2 9.00092 2.01129C9.56167 2.05999 10.0936 2.26457 10.5272 2.59833C10.6277 2.67575 10.7234 2.76461 10.9148 2.94234L11.3 3.3C11.8711 3.83026 12.1566 4.09538 12.4985 4.27203C12.6863 4.36906 12.8856 4.44569 13.0923 4.5004C13.4685 4.6 13.8723 4.6 14.6799 4.6H14.9415C16.7841 4.6 17.7055 4.6 18.3043 5.10015C18.3594 5.14616 18.4118 5.19484 18.4614 5.24599C19 5.80208 19 6.6576 19 8.36864ZM12.75 7.5C12.75 7.08579 13.0858 6.75 13.5 6.75H16.5C16.9142 6.75 17.25 7.08579 17.25 7.5C17.25 7.91421 16.9142 8.25 16.5 8.25H13.5C13.0858 8.25 12.75 7.91421 12.75 7.5Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →