Old Key アイコン
fluent-emoji-flat:old-key
Old Key アイコン(fluent-emoji-flat:old-key)は、Fluent Emoji Flat セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- oldkey
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ff9f2e" d="m6.387 27.313l2.35 2.35c.46.46 1.24.41 1.76-.11c0 0 .28-.28.31-.46c.12-.81-.5-1.53.13-2.17c.64-.64 1.48.04 2.17-.13c.18-.05.5-.34.5-.34c.52-.52.57-1.3.11-1.76l-2.35-2.35c-.46-.46-1.24-.41-1.76.11l-3.1 3.1c-.53.52-.58 1.31-.12 1.76"/><path fill="#f9c23c" d="M15.527 4.463c2.62-2.62 6.75-3.3 9.87-1.31c4.35 2.78 4.81 8.7 1.37 12.14c-2.442 2.449-6.14 2.924-9.07 1.43l-11.36 11.36c-.85.84-2.1 1.2-3.06.75c-1.58-.74-1.67-2.82-.4-4.09c0 0 1.05-1.03 1.68-1.68c.15-.158 3.543-3.546 4.792-4.793l.448-.447c.38-.38 3.74-3.724 4.498-4.479a9.3 9.3 0 0 1-.648-1.54c-.83-2.59-.04-5.42 1.88-7.34m2.86 2.65c-.96.96-1.36 2.38-.94 3.67c1.01 3.13 4.6 3.72 6.56 1.75a3.913 3.913 0 0 0-.69-6.07c-1.55-1-3.62-.66-4.93.65"/><path fill="#ffb02e" d="M12.97 12.97a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-.853 1.207a.75.75 0 0 1-1.207.853l-4-4a.75.75 0 0 1 .853-1.207a.75.75 0 0 1 .147-.853"/></g></svg>Old Key アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:old-key" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:old-key" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:old-key" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--old-key]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:old-key"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:old-key"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/old-key.svg" alt="Old Key アイコン" width="24" height="24">Fluent Emoji Flat の関連アイコン
old-man
old-man-dark
old-man-light
old-man-medium
old-man-medium-dark
old-man-medium-light
old-woman
old-woman-dark
old-woman-light
old-woman-medium
old-woman-medium-dark
old-woman-medium-light
older-person
older-person-dark
older-person-light
older-person-medium
older-person-medium-dark
older-person-medium-light
他のアイコンセットの Old Key アイコン
Old Key アイコン のよくある質問
Old Key アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Old Key アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:old-key" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Old Key アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/old-key.svg" alt="Old Key アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。