Иконка Folder Lock Line Duotone

solar:folder-lock-line-duotone

Иконка Folder Lock Line Duotone (solar:folder-lock-line-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
Теги: folderlock, lockline, lineduotone, folderlocklineduotone

Скачать 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="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"/><path d="M10.0615 13.366V12.7198C10.0615 11.6492 10.9294 10.7812 12.0001 10.7812C13.0707 10.7812 13.9386 11.6492 13.9386 12.7198V13.366M10.7076 17.2433H13.2923C14.2061 17.2433 14.663 17.2433 14.9469 16.9594C15.2308 16.6755 15.2308 16.2186 15.2308 15.3047C15.2308 14.3909 15.2308 13.934 14.9469 13.6501C14.663 13.3662 14.2061 13.3662 13.2923 13.3662H10.7076C9.79374 13.3662 9.33683 13.3662 9.05293 13.6501C8.76904 13.934 8.76904 14.3909 8.76904 15.3047C8.76904 16.2186 8.76904 16.6755 9.05293 16.9594C9.33683 17.2433 9.79374 17.2433 10.7076 17.2433Z" opacity=".5"/></g></svg>

Как использовать иконку Folder Lock Line Duotone

React

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

<Icon icon="solar:folder-lock-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-lock-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-lock-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-lock-line-duotone]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:folder-lock-line-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/folder-lock-line-duotone.svg" alt="Иконка Folder Lock Line Duotone" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →