Undereye アイコン
material-symbols-light:undereye
Undereye アイコン(material-symbols-light:undereye)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- undereye sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18.23q-3.39 0-6.084-1.846T2 11.596q1.146-2.863 3.849-4.74Q8.552 4.982 12 4.982q3.41 0 6.093 1.847Q20.777 8.675 22 11.616q-1.146 2.863-3.849 4.739T12 18.23m-7.29 1.68q-.854-.592-1.537-1.299q-.683-.706-1.144-1.56l.884-.488q.42.725 1.013 1.365t1.368 1.165zm1.91 1.033l.488-.905q.88.355 1.87.595q.991.241 2.041.316l-.038 1.02q-1.189-.081-2.274-.34t-2.088-.686M12 15.462q1.587 0 2.716-1.13t1.13-2.716q0-1.606-1.13-2.726T12 7.77T9.284 8.89t-1.13 2.726q0 1.586 1.13 2.716T12 15.462m0-.82q-1.26 0-2.143-.893t-.884-2.133q0-1.26.884-2.144q.883-.883 2.143-.883t2.143.883q.884.884.884 2.144q0 1.24-.884 2.133T12 14.642m1.039 7.327L13 20.95q1.05-.075 2.021-.315t1.871-.596l.489.905q-.914.393-2.04.669q-1.128.276-2.303.356m6.252-2.057l-.584-.823q.775-.545 1.378-1.173q.603-.627 1.003-1.352l.884.469q-.442.834-1.125 1.56q-.682.726-1.555 1.319"/></svg>Undereye アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:undereye" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:undereye" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:undereye" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--undereye]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:undereye"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:undereye"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/undereye.svg" alt="Undereye アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Undereye アイコン
Undereye アイコン のよくある質問
Undereye アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Undereye アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:undereye" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Undereye アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/undereye.svg" alt="Undereye アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。