Locked アイコン

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

はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto-v1:locked

Locked アイコン(noto-v1:locked)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji (v1)
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M30.78 86.03s8.45 25.44 13.26 30.87c3.4 3.83 8.67 8.16 22.46 5.26c0 0 10.77-1.2 24.12-11.46c0 0 8.1-5.22 8.94-15.38c.64-7.64.85-36.45.85-36.45s-1.27-7.18-12.87-7.18c-11.61 0-27.7 7.59-39.87 14.73c-12.18 7.15-16.89 19.61-16.89 19.61"/><path fill="#fff" d="M42.66 69.53c10.96-7.12 20.89-11.26 27.53-14.08c0 0 15.9-7.12 24.62-1.76c0 0 10.39 7.65-8.02 19.37c-18.25 11.61-30.4 16-30.4 16s-15.71 6.32-22.11-2.52c-4-5.55.91-12.16 8.38-17.01"/><path fill="#fcc21b" d="M45.19 93.97c-5.81 0-10.34-2.01-13.1-5.83c-1.67-2.31-2.29-4.98-1.78-7.72c.83-4.47 4.69-9.15 10.86-13.16c10.92-7.1 20.89-11.31 27.5-14.11l.46-.2c.31-.14 8.97-3.97 17.39-3.97c3.86 0 7.13.81 9.72 2.4c.07.04.13.08.19.13c1.56 1.15 4.16 4.22 4.02 8.45c-.17 5.18-4.28 10.37-12.19 15.4C69.96 87 57.83 91.44 57.32 91.62c-.15.06-5.9 2.35-12.13 2.35m41.33-39.55c-7.24 0-15.14 3.48-15.22 3.52l-.51.22c-6.43 2.71-16.14 6.82-26.65 13.65c-4.78 3.1-7.94 6.69-8.48 9.59c-.24 1.3.02 2.42.84 3.54c1.72 2.38 4.64 3.59 8.69 3.59c5.19 0 10.15-1.97 10.2-1.98c.21-.08 12.21-4.49 29.95-15.78c6.13-3.9 9.57-7.81 9.68-10.99c.07-2.14-1.44-3.56-1.75-3.84c-1.72-1.01-3.99-1.52-6.75-1.52"/><path fill="#78a3ad" d="M51.32 82.65c-4.93 2.68-8.07.83-10.14-1.25c-2.09-2.09-9.32-13.11-11.88-22.14c-4.39-15.42-1.66-36.24 21.52-46.29c34.45-14.92 40.44 15.2 40.61 24.36c.15 8.13-1.01 20.8-1.56 23.06c-.39 1.59-.59 3.56-4.51 5.2c-1.96.82-5.75.19-7.02-1.7c-2.92-4.35 6.72-48.19-21.08-34.55c-25.48 12.5-3.42 45.87-3.42 45.87s2.43 4.75-2.52 7.44"/><path fill="#2f2f2f" d="M81.3 91.36c-1.17-2.23-4.84-2.29-8.2-.13c-3.35 2.16-5.11 5.72-3.94 7.95c.8 1.53 2.78 2.01 5.01 1.49l-.93 6.96l7.48-3.91l-2.63-4.96c2.85-2.17 4.29-5.34 3.21-7.4"/></svg>

Locked アイコンの使い方

React

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

<Icon icon="noto-v1:locked" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:locked" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:locked" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--locked]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:locked"></div>

Web コンポーネント

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

<iconify-icon icon="noto-v1:locked"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto-v1/locked.svg" alt="Locked アイコン" width="24" height="24">

Noto Emoji (v1) の関連アイコン

他のアイコンセットの Locked アイコン

Locked アイコンのよくある質問

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

はい。Noto Emoji (v1) icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Noto Emoji (v1) アイコンをすべて見る →