ICONYZ
日本語
Pinhead Map Icons の Eyeglasses アイコン

Eyeglasses アイコン

pinhead:eyeglasses

Eyeglasses アイコン(pinhead:eyeglasses)は、Pinhead Map Icons セットの無料 SVG アイコンです(作者: Quincy Morgan)。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Pinhead Map Icons
作者
Quincy Morgan
ライセンス
CC0-1.0
サイズ
15 × 15
タグ
eyeglass
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M1.78 3.81c.25-.5.76-.81 1.32-.81c.39 0 .76.15 1.04.43l.71.72c.2.19.2.51 0 .7c-.19.2-.51.2-.7 0l-.72-.71a.466.466 0 0 0-.75.12L1.31 7h3.94c.82 0 1.5.57 1.69 1.32c.17-.04.36-.07.56-.07s.39.03.56.07C8.25 7.57 8.93 7 9.75 7h3.94l-1.37-2.74a.466.466 0 0 0-.75-.12l-.72.71c-.19.2-.51.2-.7 0c-.2-.19-.2-.51 0-.7l.71-.72c.28-.28.65-.43 1.04-.43c.56 0 1.07.31 1.32.81l1.72 3.45q.06.105.06.24v1c0 .28-.22.5-.5.5H14v.5c0 1.59-1 2.5-2.75 2.5h-.5C9 12 8 11.09 8 9.5v-.16a1.6 1.6 0 0 0-.5-.09c-.17 0-.35.04-.5.09v.16C7 11.09 6 12 4.25 12h-.5C2 12 1 11.09 1 9.5V9H.5C.22 9 0 8.78 0 8.5v-1q0-.135.06-.24zM9.75 8c-.41 0-.75.34-.75.75v.75c0 .7.2 1.5 1.75 1.5h.5C12.8 11 13 10.2 13 9.5v-.75c0-.41-.34-.75-.75-.75zm-7 0c-.41 0-.75.34-.75.75v.75c0 .7.2 1.5 1.75 1.5h.5C5.8 11 6 10.2 6 9.5v-.75C6 8.34 5.66 8 5.25 8z"/></svg>

Eyeglasses アイコンの使い方

React

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

<Icon icon="pinhead:eyeglasses" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:eyeglasses" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:eyeglasses" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--eyeglasses]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:eyeglasses"></div>

Web コンポーネント

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

<iconify-icon icon="pinhead:eyeglasses"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pinhead/eyeglasses.svg" alt="Eyeglasses アイコン" width="24" height="24">

他のアイコンセットの Eyeglasses アイコン

Eyeglasses アイコン のよくある質問

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

はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Pinhead Map Icons をすべて見る →