Key Square 2 Broken アイコン
solar:key-square-2-broken
Key Square 2 Broken アイコン(solar:key-square-2-broken)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- セキュリティ
- タグ
- keysquare、squarebroken、keysquarebroken
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M17.2606 11.4402C19.8781 11.4402 22 9.3269 22 6.72008C22 4.11325 19.8781 2 17.2606 2C14.643 2 12.5211 4.11325 12.5211 6.72008C12.5211 7.92754 13.0722 8.80569 13.0722 8.80569L7.3408 14.5137C7.08363 14.7698 6.72357 15.4358 7.3408 16.0505L8.00212 16.7091C8.25929 16.9286 8.90589 17.236 9.43495 16.7091L10.2065 15.9407C10.978 16.7091 11.8598 16.27 12.1904 15.8309C12.7415 15.0625 12.0802 14.2942 12.0802 14.2942L12.3007 14.0746C13.3588 15.1284 14.2846 14.5137 14.6153 14.0746C15.1664 13.3062 14.6153 12.5378 14.6153 12.5378C14.3948 12.0988 13.954 12.0988 14.505 11.5499L15.1664 10.8913C15.6954 11.3304 16.7829 11.4402 17.2606 11.4402Z"/><path stroke-linecap="round" d="M2 11.9899C2 16.7087 2 19.0681 3.46594 20.5341C4.93188 22 7.29127 22 12.0101 22C16.7288 22 19.0882 22 20.5542 20.5341C21.6692 19.419 21.9361 17.787 22 14.993M9.00704 2C6.21298 2.06388 4.58099 2.33078 3.46594 3.44584C2.48914 4.42263 2.16321 5.79612 2.05446 8"/></g></svg>Key Square 2 Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:key-square-2-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:key-square-2-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:key-square-2-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--key-square-2-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:key-square-2-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:key-square-2-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/key-square-2-broken.svg" alt="Key Square 2 Broken アイコン" width="24" height="24">Solar の関連アイコン
key-bold
key-bold-duotone
key-broken
key-line-duotone
key-linear
key-minimalistic-2-bold
key-minimalistic-2-bold-duotone
key-minimalistic-2-broken
key-minimalistic-2-line-duotone
key-minimalistic-2-linear
key-minimalistic-2-outline
key-minimalistic-bold
key-minimalistic-bold-duotone
key-minimalistic-broken
key-minimalistic-line-duotone
key-minimalistic-linear
key-minimalistic-outline
key-minimalistic-square-2-bold
key-minimalistic-square-2-bold-duotone
key-minimalistic-square-2-broken
key-minimalistic-square-2-line-duotone
key-minimalistic-square-2-linear
key-minimalistic-square-2-outline
key-minimalistic-square-3-bold
Key Square 2 Broken アイコン のよくある質問
Key Square 2 Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Key Square 2 Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:key-square-2-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Key Square 2 Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/key-square-2-broken.svg" alt="Key Square 2 Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。