ICONYZ
日本語
Solar の Key Minimalistic Square 2 Line Duotone アイコン

Key Minimalistic Square 2 Line Duotone アイコン

solar:key-minimalistic-square-2-line-duotone

Key Minimalistic Square 2 Line Duotone アイコン(solar:key-minimalistic-square-2-line-duotone)は、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
カテゴリ
セキュリティ
タグ
keyminimalistic、minimalisticsquare、squareline、lineduotone、keyminimalisticsquarelineduotone
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-width="1.5"><path stroke-linecap="round" d="M11.8833 15.6051L10.8496 16.6388C10.5847 16.9037 10.2137 17.0338 9.84133 16.9924L8.10084 16.7991C7.91528 16.7784 7.74226 16.6953 7.61025 16.5633L7.43673 16.3898C7.30472 16.2577 7.22156 16.0847 7.20094 15.8992L7.00755 14.1587C6.96618 13.7863 7.09631 13.4153 7.36124 13.1504L10.4547 10.057C10.6791 9.83252 10.7492 9.50004 10.6703 9.1926C10.1808 7.28638 10.6822 5.17821 12.1747 3.68576C14.4224 1.43808 18.0666 1.43808 20.3142 3.68576C22.5619 5.93344 22.5619 9.57765 20.3142 11.8253C18.8218 13.3178 16.7136 13.8192 14.8074 13.3297C14.5 13.2508 14.1677 13.3207 13.9433 13.5451L11.8833 15.6051ZM11.8833 15.6051L10.4258 14.1635"/><path d="M14.9882 6.65515C15.639 6.00427 16.6943 6.00427 17.3452 6.65515C17.9961 7.30602 17.9961 8.3613 17.3452 9.01217C16.6943 9.66304 15.639 9.66304 14.9882 9.01217C14.3373 8.3613 14.3373 7.30602 14.9882 6.65515Z" opacity=".5"/><path stroke-linecap="round" d="M22 14.993C21.9361 17.787 21.6692 19.419 20.5542 20.5341C19.0882 22 16.7288 22 12.0101 22C7.29127 22 4.93188 22 3.46594 20.5341C2 19.0681 2 16.7087 2 11.9899C2 7.27116 2 4.91177 3.46594 3.44584C4.58099 2.33078 6.21298 2.06388 9.00704 2" opacity=".5"/></g></svg>

Key Minimalistic Square 2 Line Duotone アイコンの使い方

React

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

<Icon icon="solar:key-minimalistic-square-2-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:key-minimalistic-square-2-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:key-minimalistic-square-2-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--key-minimalistic-square-2-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:key-minimalistic-square-2-line-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:key-minimalistic-square-2-line-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/key-minimalistic-square-2-line-duotone.svg" alt="Key Minimalistic Square 2 Line Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Key Minimalistic Square 2 Line Duotone アイコン のよくある質問

Key Minimalistic Square 2 Line Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Key Minimalistic Square 2 Line Duotone アイコンを使うには?

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

Key Minimalistic Square 2 Line Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/key-minimalistic-square-2-line-duotone.svg" alt="Key Minimalistic Square 2 Line Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →