Folder Lock Linear アイコン

Q: Folder Lock Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:folder-lock-linear

Folder Lock Linear アイコン(solar:folder-lock-linear)は、Solar セットの無料 SVG アイコンです（作者: 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、locklinear、folderlocklinear

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="M8.76904 15.3047C8.76904 14.3909 8.76904 13.934 9.05293 13.6501C9.33683 13.3662 9.79374 13.3662 10.7076 13.3662H13.2923C14.2061 13.3662 14.663 13.3662 14.9469 13.6501C15.2308 13.934 15.2308 14.3909 15.2308 15.3047C15.2308 16.2186 15.2308 16.6755 14.9469 16.9594C14.663 17.2433 14.2061 17.2433 13.2923 17.2433H10.7076C9.79374 17.2433 9.33683 17.2433 9.05293 16.9594C8.76904 16.6755 8.76904 16.2186 8.76904 15.3047Z"/><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.366"/></g></svg>

Folder Lock Linear アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/folder-lock-linear.svg" alt="Folder Lock Linear アイコン" width="24" height="24">

Solar の関連アイコン

Folder Lock Linear アイコンのよくある質問

Folder Lock Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Folder Lock Linear アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:folder-lock-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Folder Lock Linear アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/folder-lock-linear.svg" alt="Folder Lock Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →