Locked アイコン
emojione-monotone:locked
Locked アイコン(emojione-monotone:locked)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M55.227 19.864h-1.611C51.576 9.687 42.659 2 32 2C21.34 2 12.422 9.687 10.383 19.864h-1.61C6.142 19.864 4 22.027 4 24.687v32.489C4 59.836 6.142 62 8.773 62h46.453C57.858 62 60 59.836 60 57.176V24.687c0-2.66-2.142-4.823-4.773-4.823M32 3.818c11.122 0 20.178 9.115 20.248 20.347c-.224.174-1.042.515-2.514.515c-1.453 0-2.544-.336-2.873-.565C46.763 16.912 40.815 9.274 32 9.274c-8.814 0-14.761 7.638-14.859 14.839c-.329.229-1.421.566-2.873.566c-1.475 0-2.294-.341-2.518-.515c.07-11.23 9.127-20.346 20.25-20.346m12.2 16.046H19.802c1.685-4.48 5.826-8.771 12.198-8.771s10.516 4.291 12.2 8.771m13.993 37.312c0 1.657-1.33 3.006-2.967 3.006H8.773c-1.636 0-2.967-1.349-2.967-3.006V29.511h52.387zM5.807 27.692v-3.006c0-1.657 1.331-3.005 2.967-3.005H10.1q-.073.625-.111 1.26c-.667.378-1.068.847-1.068 1.356c0 1.257 2.394 2.276 5.346 2.276s5.349-1.02 5.349-2.276c0-.382-.224-.741-.616-1.056c.05-.51.146-1.033.268-1.561h25.471c.12.527.218 1.05.268 1.559c-.395.316-.617.676-.617 1.058c0 1.257 2.394 2.276 5.346 2.276s5.348-1.02 5.348-2.276c0-.51-.402-.979-1.069-1.358a24 24 0 0 0-.112-1.258h1.328c1.637 0 2.967 1.348 2.967 3.005v3.006z"/><path fill="currentColor" d="m36.163 54.182l-1.729-11.146a4.17 4.17 0 0 0 1.687-3.357c0-2.302-1.847-4.168-4.123-4.168c-2.275 0-4.119 1.866-4.119 4.168c0 1.379.665 2.6 1.685 3.357l-1.727 11.146z"/></svg>
Locked アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:locked" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:locked" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:locked" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--locked]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:locked"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:locked"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/locked.svg" alt="Locked アイコン" width="24" height="24">
Emoji One (Monotone) の関連アイコン
Locked アイコン のよくある質問
Locked アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Locked アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:locked" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Locked アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/locked.svg" alt="Locked アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
