ICONYZ
日本語
Lets Icons の Img Duotone アイコン

Img Duotone アイコン

lets-icons:img-duotone

Img Duotone アイコン(lets-icons:img-duotone)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Lets Icons
作者
Leonid Tsvetkov
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
マルチメディアの種類
タグ
imgduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><mask id="SVGsrg0ndkk" width="18" height="18" x="3" y="3" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path d="M3 11c0-3.771 0-5.657 1.172-6.828S7.229 3 11 3h2c3.771 0 5.657 0 6.828 1.172S21 7.229 21 11v2c0 3.771 0 5.657-1.172 6.828S16.771 21 13 21h-2c-3.771 0-5.657 0-6.828-1.172S3 16.771 3 13z"/></mask><g fill="none"><g mask="url(#SVGsrg0ndkk)"><path fill="currentColor" fill-opacity=".25" d="m12.689 14.57l-1.497-1.633c-1.27-1.385-1.904-2.078-2.73-2.115c-.825-.038-1.52.594-2.91 1.858l-1.921 1.747c-.299.271-.448.407-.533.583l-.024.056c-.074.18-.074.383-.074.786c0 3.669 0 5.503 1.083 6.657q.163.174.346.327c1.212 1.017 3.044.916 6.706.712l3.312-.184c2.61-.145 3.916-.218 4.85-.874c.441-.31.815-.704 1.1-1.161c.603-.97.603-2.278.603-4.892v-.194c0-.408 0-.612-.038-.805a2 2 0 0 0-.3-.72c-.108-.165-.253-.309-.54-.597c-.66-.659-.99-.988-1.357-1.14a2 2 0 0 0-1.53 0c-.368.152-.697.481-1.356 1.14l-.507.507c-.592.592-.889.889-1.248.922a1 1 0 0 1-.228-.005c-.358-.049-.641-.358-1.207-.976"/></g><circle cx="16" cy="9" r="2" fill="currentColor"/></g></svg>

Img Duotone アイコンの使い方

React

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

<Icon icon="lets-icons:img-duotone" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:img-duotone" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:img-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--img-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:img-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="lets-icons:img-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/lets-icons/img-duotone.svg" alt="Img Duotone アイコン" width="24" height="24">

Lets Icons の関連アイコン

img アイコン
img
 img-alt アイコン
img-alt
 img-alt-light アイコン
img-alt-light
 img-box アイコン
img-box
 img-box-duotone アイコン
img-box-duotone
 img-box-duotone-line アイコン
img-box-duotone-line
 img-box-fill アイコン
img-box-fill
 img-box-light アイコン
img-box-light
 img-duotone-line アイコン
img-duotone-line
 img-fill アイコン
img-fill
 img-light アイコン
img-light
 img-load-box アイコン
img-load-box
 img-load-box-duotone アイコン
img-load-box-duotone
 img-load-box-duotone-line アイコン
img-load-box-duotone-line
 img-load-box-fill アイコン
img-load-box-fill
 img-load-box-light アイコン
img-load-box-light
 img-out-box アイコン
img-out-box
 img-out-box-duotone アイコン
img-out-box-duotone
 img-out-box-duotone-line アイコン
img-out-box-duotone-line
 img-out-box-fill アイコン
img-out-box-fill
 img-out-box-light アイコン
img-out-box-light
 img-rol アイコン
img-rol
 img-rol-duotone アイコン
img-rol-duotone
 img-rol-duotone-line アイコン
img-rol-duotone-line

Img Duotone アイコン のよくある質問

Img Duotone アイコンは商用利用でも無料ですか?

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

React で Img Duotone アイコンを使うには?

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

Img Duotone アイコンをウェブページに追加するには?

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

Lets Icons をすべて見る →