ICONYZ
日本語
Material Symbols の Dirty Lens Sharp アイコン

Dirty Lens Sharp アイコン

material-symbols:dirty-lens-sharp

Dirty Lens Sharp アイコン(material-symbols:dirty-lens-sharp)は、Material Symbols セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
画像
タグ
camera、dirty、lens、photo、photography、picture、splat、image、dirtylens、lenssharp、dirtylenssharp、len
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 21V5h5.15L9 3h6l1.85 2H22v16zm16.75-3.25q.25-.25.25-.6t-.25-.6t-.6-.25t-.6.25t-.25.6t.25.6t.6.25t.6-.25M10.9 16.5q.225 0 .387.238t.163.662t-.1.8t-.1.8q0 .375.225.625t.625.25t.625-.25t.225-.625q0-.475-.15-.875t-.15-.875q0-.425.188-.637t.412-.213t.425.075t.575.275q.5.275.838.388t.562.112q.525 0 .838-.387t.312-.813q0-.35-.25-.55t-.75-.4q-.425-.15-.612-.3T15 14.45q0-.225.313-.312T16.5 14q.75-.05 1.175-.2t.425-.6q0-.425-.238-.762t-.612-.338q-.175 0-.9.25q-.275.125-.425.163t-.275.037q-.2 0-.325-.137t-.125-.363q0-.35.325-.638T16.8 10.7q1.025-.45 1.363-.8t.337-.7q0-.5-.437-1t-.813-.5q-.35 0-.663.325T15.55 9.4q-.5.725-.862.988t-.738.262q-.35 0-.675-.275T12.6 9.35q-.3-.675-.537-.962T11.45 8.1q-.45 0-.75.188t-.3.412t.5 1.05q.225.35.313.525t.087.375t-.238.35t-.462.15q-.275 0-.525-.137T9.4 10.45q-.45-.425-.65-.562t-.5-.138q-.375 0-.638.263t-.262.537q0 .15.05.288t.2.362t.225.388t.075.312q0 .225-.2.35t-.55.25q-.425.15-.587.325T6.4 13.3q0 .2.063.437t.237.363q.25.2.625.225T8 14.35q.575 0 .738.213t.162.637q0 .3-.125.6t-.425.65q-.35.375-.425.525t-.075.275q0 .35.313.575t.587.225q.3 0 .563-.163T10 17.2q.375-.45.538-.575t.362-.125"/></svg>

Dirty Lens Sharp アイコンの使い方

React

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

<Icon icon="material-symbols:dirty-lens-sharp" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:dirty-lens-sharp" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:dirty-lens-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--dirty-lens-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:dirty-lens-sharp"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols:dirty-lens-sharp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols/dirty-lens-sharp.svg" alt="Dirty Lens Sharp アイコン" width="24" height="24">

Material Symbols の関連アイコン

他のアイコンセットの Dirty Lens Sharp アイコン

Dirty Lens Sharp アイコン のよくある質問

Dirty Lens Sharp アイコンは商用利用でも無料ですか?

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

React で Dirty Lens Sharp アイコンを使うには?

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

Dirty Lens Sharp アイコンをウェブページに追加するには?

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

Material Symbols アイコン をすべて見る →