ICONYZ
日本語
Keyline Icons の Key Round Sharp Two Tone アイコン

Key Round Sharp Two Tone アイコン

keyline-icons:key-round-sharp-two-tone

Key Round Sharp Two Tone アイコン(keyline-icons:key-round-sharp-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
keyround、roundsharp、sharptwo、twotone、keyroundsharptwotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M5.2929 13.7929L1.2929 17.7929C1.1054 17.9804 1 18.2348 1 18.5L1 22C1 22.5523 1.4477 23 2 23L5.5 23C5.7652 23 6.0196 22.8946 6.2071 22.7071L7.4142 21.5L9.5 21.5C10.0523 21.5 10.5 21.0523 10.5 20.5L10.5 19L12 19C12.5523 19 13 18.5523 13 18L13 15.9142L14.1603 14.7539C14.7599 14.9172 15.3786 15 16 15C19.866 15 23 11.866 23 8C23 4.134 19.866 1 16 1C12.134 1 9 4.134 9 8C9 8.6214 9.0828 9.2401 9.2461 9.8397L5.2929 13.7929Z" stroke="none"/><path d="M6 14.5L2 18.5L2 22L5.5 22L7 20.5L9.5 20.5L9.5 18L12 18L12 15.5L13.8851 13.6149C14.5611 13.8695 15.2776 14 16 14C19.3137 14 22 11.3137 22 8C22 4.6863 19.3137 2 16 2C12.6863 2 10 4.6863 10 8C10 8.7224 10.1305 9.4389 10.3851 10.1149ZM14.7071 9.2929L17.2929 6.7071"/></g></svg>

Key Round Sharp Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:key-round-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:key-round-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:key-round-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--key-round-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:key-round-sharp-two-tone"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:key-round-sharp-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/key-round-sharp-two-tone.svg" alt="Key Round Sharp Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

key アイコン
key
 key-duotone アイコン
key-duotone
 key-fill アイコン
key-fill
 key-round アイコン
key-round
 key-round-duotone アイコン
key-round-duotone
 key-round-fill アイコン
key-round-fill
 key-round-sharp アイコン
key-round-sharp
 key-round-sharp-duotone アイコン
key-round-sharp-duotone
 key-round-sharp-fill アイコン
key-round-sharp-fill
 key-round-two-tone アイコン
key-round-two-tone
 key-sharp アイコン
key-sharp
 key-sharp-duotone アイコン
key-sharp-duotone
 key-sharp-fill アイコン
key-sharp-fill
 key-sharp-two-tone アイコン
key-sharp-two-tone
 key-square アイコン
key-square
 key-square-duotone アイコン
key-square-duotone
 key-square-fill アイコン
key-square-fill
 key-square-sharp アイコン
key-square-sharp
 key-square-sharp-duotone アイコン
key-square-sharp-duotone
 key-square-sharp-fill アイコン
key-square-sharp-fill
 key-square-sharp-two-tone アイコン
key-square-sharp-two-tone
 key-square-two-tone アイコン
key-square-two-tone
 key-two-tone アイコン
key-two-tone
 keyboard アイコン
keyboard

Key Round Sharp Two Tone アイコン のよくある質問

Key Round Sharp Two Tone アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Key Round Sharp Two Tone アイコンを使うには?

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

Key Round Sharp Two Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/key-round-sharp-two-tone.svg" alt="Key Round Sharp Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →