Иконка Folder Link

reicon:folder-link

Иконка Folder Link (reicon:folder-link) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Папки
Теги: folderlink

Скачать 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="M8.388 1.25h.108c.24 0 .407 0 .57.014c.699.06 1.368.316 1.919.74a6 6 0 0 1 .417.367l.408.38c.6.557.803.736 1.033.855q.21.107.441.17c.26.068.549.074 1.396.074h.307c.883 0 1.61 0 2.19.068c.603.07 1.15.223 1.608.607q.113.093.215.2c.423.436.597.966.676 1.549c.074.547.074 1.232.074 2.044v1.54c0 1.176 0 2.14-.11 2.902c-.116.802-.368 1.488-.95 2.028c-.574.533-1.289.757-2.125.861c-.809.101-1.837.101-3.114.101h-.701v1.604c.916.259 1.637.98 1.896 1.896H22a.75.75 0 0 1 0 1.5h-7.353a2.751 2.751 0 0 1-5.293 0H2a.75.75 0 0 1 0-1.5h7.354a2.76 2.76 0 0 1 1.896-1.896V15.75h-.701c-1.277 0-2.305 0-3.114-.1c-.836-.105-1.551-.329-2.125-.862c-.582-.54-.834-1.226-.95-2.028c-.11-.761-.11-1.726-.11-2.903v-4.72c0-.496 0-.854.064-1.168c.28-1.382 1.43-2.416 2.837-2.663c.323-.056.693-.056 1.237-.056m5.012 13c1.34 0 2.274-.001 2.98-.09c.688-.085 1.044-.243 1.29-.471c.238-.221.396-.53.485-1.143c.093-.642.095-1.497.095-2.746V8.369c0-.877-.002-1.459-.06-1.894c-.056-.412-.152-.588-.267-.707a1 1 0 0 0-.1-.092c-.14-.117-.353-.214-.82-.269c-.483-.056-1.122-.057-2.062-.057h-.356c-.716 0-1.213 0-1.685-.125a3.7 3.7 0 0 1-.746-.287c-.434-.224-.791-.556-1.296-1.025l-.068-.063l-.385-.358a5 5 0 0 0-.335-.3a2.17 2.17 0 0 0-1.134-.433a6 6 0 0 0-.471-.009c-.65 0-.878.003-1.055.034c-.857.15-1.48.761-1.626 1.483c-.03.147-.034.34-.034.95V9.8c0 1.249.002 2.104.095 2.746c.089.614.247.922.485 1.143c.246.228.602.386 1.29.472c.706.088 1.64.089 2.98.089zm-.65-6.75a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75M12 18.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="reicon:folder-link" width="24" />

Vue

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

<template>
  <Icon icon="reicon:folder-link" width="24" />
</template>

Svelte

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

<Icon icon="reicon:folder-link" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--folder-link]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:folder-link"></div>

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

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

<iconify-icon icon="reicon:folder-link"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/reicon/folder-link.svg" alt="Иконка Folder Link" width="24" height="24">

Иконка Folder Link в других наборах

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

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

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

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

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

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

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

Все Иконки Reicon →