Eyedropper 16 アイコン
qlementine-icons:eyedropper-16
Eyedropper 16 アイコン(qlementine-icons:eyedropper-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- その他
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.9.514a1.753 1.753 0 0 1 2.48 0l.15.15c.685.685.685 1.79 0 2.48l-2.32 2.32l.478.479l.102.114c.48.589.446 1.46-.102 2.01l-.586.586c-.54.54-1.39.581-1.98.126l-5.21 5.21a2.72 2.72 0 0 1-1.96.795l-.661.662c-.697.697-1.8.74-2.55.131l-.145-.131a1.9 1.9 0 0 1 0-2.69l.661-.663a2.7 2.7 0 0 1 .797-1.96l5.21-5.21a1.49 1.49 0 0 1 .127-1.97l.586-.586l.114-.103a1.504 1.504 0 0 1 2.01.103l.478.478l2.32-2.32zm-10.1 10.3c-.37.37-.536.865-.501 1.35a.6.6 0 0 1-.155.473l-.803.804a.906.906 0 0 0 1.28 1.28l.802-.803a.6.6 0 0 1 .474-.155c.484.036.979-.129 1.35-.499l5.2-5.2l-2.44-2.44l-5.2 5.2z" clip-rule="evenodd"/></svg>Eyedropper 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:eyedropper-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:eyedropper-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:eyedropper-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--eyedropper-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:eyedropper-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:eyedropper-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/eyedropper-16.svg" alt="Eyedropper 16 アイコン" width="24" height="24">Eyedropper 16 アイコン のよくある質問
Eyedropper 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eyedropper 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:eyedropper-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eyedropper 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/eyedropper-16.svg" alt="Eyedropper 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。