Folder Lock アイコン

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

はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

stash:folder-lock

Folder Lock アイコン(stash:folder-lock)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: folderlock

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.776 14.592a.671.671 0 1 0-1.342 0v.447a.671.671 0 0 0 1.342 0z"/><path fill="currentColor" fill-rule="evenodd" d="M12.105 9C10.865 9 9.9 10.036 9.9 11.262v.655a2 2 0 0 0-.164.074c-.345.183-.62.47-.792.82a1.9 1.9 0 0 0-.176.716c-.018.226-.018.499-.018.812v.606c0 .313 0 .586.018.811c.019.239.06.482.176.718c.171.348.447.636.792.818c.235.125.478.17.713.19c.22.018.487.018.787.018h1.739c.3 0 .566 0 .786-.019c.235-.02.478-.064.714-.189c.344-.182.62-.47.791-.819c.116-.235.158-.478.177-.717c.018-.225.018-.498.018-.811v-.606c0-.313 0-.586-.018-.812a1.9 1.9 0 0 0-.177-.717a1.84 1.84 0 0 0-.791-.819a2 2 0 0 0-.165-.074v-.655c0-1.226-.964-2.262-2.205-2.262m-.863 2.784v-.522c0-.531.41-.92.863-.92c.454 0 .863.389.863.92v.522zm-.88 1.394a.6.6 0 0 1 .2-.038c.158-.014.366-.014.7-.014h1.687c.334 0 .542 0 .699.014c.148.012.19.032.2.038a.5.5 0 0 1 .214.224c.01.02.03.071.043.23c.013.167.013.387.013.732v.556c0 .345 0 .565-.013.731a.7.7 0 0 1-.043.23a.5.5 0 0 1-.214.225a.6.6 0 0 1-.2.038a9 9 0 0 1-.7.014h-1.686c-.334 0-.542 0-.7-.014a.5.5 0 0 1-.2-.038a.5.5 0 0 1-.213-.224a.7.7 0 0 1-.043-.231a11 11 0 0 1-.014-.73v-.557c0-.345 0-.565.014-.731a.7.7 0 0 1 .043-.231a.5.5 0 0 1 .214-.224" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M9.804 3.803c-.27-.053-.553-.053-.917-.053H6.17c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 2.55 5.252c-.172.337-.24.693-.27 1.073c-.03.365-.03.81-.03 1.345v8.66c0 .535 0 .98.03 1.345c.03.38.098.736.27 1.073a2.75 2.75 0 0 0 1.202 1.202c.337.172.693.24 1.073.27c.365.03.81.03 1.344.03h11.662c.534 0 .98 0 1.344-.03c.38-.03.736-.098 1.073-.27a2.75 2.75 0 0 0 1.202-1.202c.172-.337.24-.694.27-1.073c.03-.365.03-.81.03-1.345v-5.66c0-.535 0-.98-.03-1.345c-.03-.38-.098-.736-.27-1.074a2.75 2.75 0 0 0-1.2-1.201c-.338-.172-.694-.24-1.074-.27c-.365-.03-.81-.03-1.345-.03h-4.153c-.458 0-.582-.004-.686-.024a1.25 1.25 0 0 1-.742-.459c-.065-.083-.123-.193-.328-.602l-.029-.058c-.162-.325-.29-.58-.457-.796a2.75 2.75 0 0 0-1.631-1.008M8.823 5.25c.458 0 .582.003.686.024c.294.06.557.222.742.458c.065.084.123.194.328.603l.029.058c.162.325.29.58.457.796c.406.52.985.878 1.632 1.008c.268.053.552.053.916.053H17.8c.572 0 .957 0 1.252.025c.288.023.425.065.515.111c.236.12.427.311.547.546c.046.091.088.228.111.515c.024.296.025.68.025 1.253v5.6c0 .572 0 .957-.025 1.252c-.023.288-.065.425-.111.515a1.25 1.25 0 0 1-.547.547c-.09.046-.227.088-.515.111c-.295.024-.68.025-1.252.025H6.2c-.572 0-.957 0-1.253-.025c-.287-.023-.424-.065-.514-.111a1.25 1.25 0 0 1-.547-.547c-.046-.09-.088-.227-.111-.515c-.024-.295-.025-.68-.025-1.252V7.7c0-.572 0-.957.025-1.253c.023-.287.065-.424.111-.515a1.25 1.25 0 0 1 .547-.546c.09-.046.227-.088.514-.111c.296-.024.68-.025 1.253-.025z" clip-rule="evenodd"/></svg>

Folder Lock アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="stash:folder-lock"></iconify-icon>

HTML 画像

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

Stash Icons の関連アイコン

他のアイコンセットの Folder Lock アイコン

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

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

はい。Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Stash Icons をすべて見る →