Eye Dashed アイコン
gravity-ui:eye-dashed
Eye Dashed アイコン(gravity-ui:eye-dashed)は、Gravity UI Icons セットの無料 SVG アイコンです（作者: YANDEX LLC）。 24 × 24 のグリッドで描かれています。 Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Gravity UI Icons
- 作者
- YANDEX LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- eyedashed
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.376 11.588a.75.75 0 0 1 .755 1.296a8.3 8.3 0 0 1-2.48.947a.75.75 0 0 1-.301-1.469a6.8 6.8 0 0 0 2.026-.774m-7.778.27a.75.75 0 0 1 .958-.305l.068.035l.236.13c.477.253.99.45 1.523.583l.269.06l.074.02a.75.75 0 0 1-.301 1.462l-.076-.012l-.327-.074a8.3 8.3 0 0 1-1.864-.713l-.289-.16l-.064-.042a.75.75 0 0 1-.207-.984m9.929-6.713a.75.75 0 0 1 1 .093l.05.06l.187.263c.3.445.54.91.753 1.363l.244.537l.028.074l.037.115l.02.076q.043.205.021.413l-.021.135l-.02.076l-.037.115l-.028.074c-.313.705-.664 1.467-1.186 2.165a.75.75 0 0 1-1.2-.898c.396-.53.68-1.128.983-1.806c-.264-.59-.514-1.12-.835-1.596l-.149-.209l-.043-.063a.75.75 0 0 1 .196-.987m-12.053.093a.75.75 0 0 1 1.152.957l-.21.303c-.2.306-.378.636-.547.987l.001.001L1.64 8l.226.507c.17.356.347.687.548.996l.212.303l.043.064a.75.75 0 0 1-1.195.893l-.05-.059l-.266-.382a9 9 0 0 1-.454-.783l-.196-.396l-.009-.019l-.26-.585a1.33 1.33 0 0 1 0-1.078l.26-.584l.009-.019l.196-.395c.206-.396.44-.79.72-1.165zm6.68-.234A3 3 0 0 1 11 8l-.004.154A3 3 0 0 1 8 11l-.154-.004a3 3 0 0 1-2.842-2.842L5 8a3 3 0 0 1 3-3zM8 6.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M6.35 2.17a.75.75 0 0 1 .3 1.469a6.7 6.7 0 0 0-2.026.775l-.068.035a.751.751 0 0 1-.687-1.332l.288-.16A8.2 8.2 0 0 1 6.35 2.17m3.225-.012l.076.012l.325.073a8.2 8.2 0 0 1 2.157.875a.75.75 0 0 1-.756 1.296a6.7 6.7 0 0 0-1.763-.715l-.264-.06l-.075-.019a.75.75 0 0 1 .3-1.462"/></svg>Eye Dashed アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:eye-dashed" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:eye-dashed" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:eye-dashed" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--eye-dashed]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:eye-dashed"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:eye-dashed"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gravity-ui/eye-dashed.svg" alt="Eye Dashed アイコン" width="24" height="24">Gravity UI Icons の関連アイコン
他のアイコンセットの Eye Dashed アイコン
Eye Dashed アイコン のよくある質問
Eye Dashed アイコンは商用利用でも無料ですか?
はい。Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eye Dashed アイコンを使うには?
@iconify/react をインストールして <Icon icon="gravity-ui:eye-dashed" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eye Dashed アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gravity-ui/eye-dashed.svg" alt="Eye Dashed アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。