Old Key アイコン
fluent-emoji:old-key
Old Key アイコン(fluent-emoji:old-key)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- 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"><g filter="url(#iDsK65c)"><path fill="url(#i3t1PsE)" d="m6.118 26.455l5.047-5.047l3.21 3.211a1.286 1.286 0 0 1-1.039 2.19l-1.08-.11a.87.87 0 0 0-.954.931l.084 1.072a1.214 1.214 0 0 1-2.069.952z"/></g><g filter="url(#iPy3xie)"><path fill="url(#iV2DTcc)" d="m16.397 12.172l3.407 3.406L6.865 28.516a2.409 2.409 0 0 1-3.406-3.407z"/></g><g filter="url(#iuMafFb)"><path fill="url(#issoc2d)" fill-rule="evenodd" d="M21.882 18a7.969 7.969 0 1 0 0-15.937a7.969 7.969 0 0 0 0 15.937m0-4a3.969 3.969 0 1 0 0-7.937a3.969 3.969 0 0 0 0 7.937" clip-rule="evenodd"/></g><rect width="6.165" height="1.528" x="13.28" y="14.242" fill="url(#ihrnbge)" rx=".764" transform="rotate(45 13.28 14.242)"/><rect width="6.165" height="1.528" x="13.28" y="14.242" fill="url(#it8uSXc)" rx=".764" transform="rotate(45 13.28 14.242)"/><rect width="6.165" height="1.528" x="13.28" y="14.242" fill="url(#iAUXN6b)" rx=".764" transform="rotate(45 13.28 14.242)"/><rect width="6.165" height="1.528" x="14.361" y="13.162" fill="url(#iknSsdb)" rx=".764" transform="rotate(45 14.36 13.162)"/><rect width="6.165" height="1.528" x="14.361" y="13.162" fill="url(#iPXuM2b)" rx=".764" transform="rotate(45 14.36 13.162)"/><rect width="6.165" height="1.528" x="14.361" y="13.162" fill="url(#igykGlj)" rx=".764" transform="rotate(45 14.36 13.162)"/><g filter="url(#i7Lkdud)"><circle cx="22.309" cy="9.604" r="6.309" stroke="url(#iHwxSTU)" stroke-width="1.25"/><circle cx="22.309" cy="9.604" r="6.309" stroke="url(#i1ITold)" stroke-width="1.25"/></g><defs><linearGradient id="i3t1PsE" x1="11.632" x2="9.632" y1="27.875" y2="25.709" gradientUnits="userSpaceOnUse"><stop stop-color="#F4B954"/><stop offset=".908" stop-color="#ECA84F"/></linearGradient><linearGradient id="iV2DTcc" x1="8.038" x2="11.279" y1="21.031" y2="24.188" gradientUnits="userSpaceOnUse"><stop stop-color="#F7C250"/><stop offset="1" stop-color="#F8AB54"/></linearGradient><linearGradient id="issoc2d" x1="21.882" x2="21.882" y1="2.813" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#F8CF4D"/><stop offset="1" stop-color="#ED9953"/></linearGradient><linearGradient id="ihrnbge" x1="14.087" x2="18.329" y1="15.107" y2="15.152" gradientUnits="userSpaceOnUse"><stop stop-color="#F6BF4E"/><stop offset="1" stop-color="#EA994D"/></linearGradient><linearGradient id="iAUXN6b" x1="16.683" x2="16.678" y1="15.98" y2="15.322" gradientUnits="userSpaceOnUse"><stop offset=".186" stop-color="#E29226"/><stop offset="1" stop-color="#EC9B4F" stop-opacity="0"/></linearGradient><linearGradient id="iknSsdb" x1="15.167" x2="19.41" y1="14.027" y2="14.071" gradientUnits="userSpaceOnUse"><stop stop-color="#F6BF4E"/><stop offset="1" stop-color="#EA994D"/></linearGradient><linearGradient id="igykGlj" x1="17.764" x2="17.759" y1="14.9" y2="14.241" gradientUnits="userSpaceOnUse"><stop offset=".186" stop-color="#E29226"/><stop offset="1" stop-color="#E29226" stop-opacity="0"/></linearGradient><linearGradient id="iHwxSTU" x1="27.32" x2="21.468" y1="4.298" y2="9.259" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDD67"/><stop offset="1" stop-color="#FFDD67" stop-opacity="0"/></linearGradient><linearGradient id="i1ITold" x1="17.632" x2="19.007" y1="14" y2="11.813" gradientUnits="userSpaceOnUse"><stop stop-color="#FEB765"/><stop offset="1" stop-color="#FEB765" stop-opacity="0"/></linearGradient><filter id="iDsK65c" width="8.635" height="8.752" x="6.118" y="21.258" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.839216 0 0 0 0 0.592157 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23735"/></filter><filter id="iPy3xie" width="17.049" height="17.549" x="2.754" y="11.672" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.85098 0 0 0 0 0.541176 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23735"/></filter><filter id="iuMafFb" width="15.938" height="16.337" x="13.913" y="1.663" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.815686 0 0 0 0 0.505882 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23735"/></filter><filter id="i7Lkdud" width="16.368" height="16.368" x="14.125" y="1.42" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23735" stdDeviation=".625"/></filter><radialGradient id="it8uSXc" cx="0" cy="0" r="1" gradientTransform="matrix(-.01573 .32677 -1.89283 -.09112 16.743 14.626)" gradientUnits="userSpaceOnUse"><stop stop-color="#FCBC66"/><stop offset="1" stop-color="#FCBC66" stop-opacity="0"/></radialGradient><radialGradient id="iPXuM2b" cx="0" cy="0" r="1" gradientTransform="matrix(-.01573 .32677 -1.89283 -.09112 17.823 13.545)" gradientUnits="userSpaceOnUse"><stop stop-color="#FBB865"/><stop offset="1" stop-color="#FBB865" stop-opacity="0"/></radialGradient></defs></g></svg>
Old Key アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:old-key" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:old-key" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:old-key" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--old-key]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji: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:old-key"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/old-key.svg" alt="Old Key アイコン" width="24" height="24">
Old Key アイコン のよくある質問
Old Key アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Old Key アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:old-key" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Old Key アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/old-key.svg" alt="Old Key アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji アイコン をすべて見る →
