Eye アイコン

Q: Eye アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:eye

Eye アイコン(emojione-v1:eye)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 人物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#405866" d="M63.845 31.953c.036-.615-.094-1.235-.461-1.752c-4.318-6.091-9.321-11.526-15.542-15.911c-8.423-5.7-18.08-7.04-27.45-2.592c-4.156 1.971-7.888 4.942-11.16 8.05c-3.184 3.02-6.616 6.679-8.766 10.458a3.6 3.6 0 0 0-.465 1.752h.004c-.036.615.094 1.235.461 1.751C4.786 39.8 9.79 45.235 16.009 49.622c8.423 5.697 18.08 7.04 27.45 2.59c4.156-1.971 7.887-4.942 11.159-8.04c3.184-3.02 6.618-6.68 8.766-10.459c.295-.52.467-1.14.467-1.751h-.006"/><path fill="#fff" d="M56.31 31.953c.028-.471-.074-.946-.354-1.337c-3.3-4.658-7.123-8.81-11.873-12.158c-6.436-4.354-13.812-5.375-20.971-1.98c-3.174 1.505-6.03 3.777-8.527 6.147c-2.432 2.306-5.05 5.104-6.699 7.992a2.74 2.74 0 0 0-.355 1.337h.006c-.03.469.072.944.351 1.338c3.3 4.655 7.124 8.808 11.874 12.155c6.436 4.354 13.812 5.378 20.972 1.981c3.174-1.506 6.03-3.777 8.526-6.146c2.433-2.306 5.057-5.106 6.698-7.991c.225-.397.355-.871.355-1.338z"/><path fill="#ccc" d="M21.819 45.45c-4.753-3.348-8.575-7.5-11.873-12.155c-.281-.396-.381-.871-.353-1.338h-.004c0-.471.128-.942.355-1.337c1.642-2.887 4.265-5.686 6.696-7.992c2.5-2.37 5.352-4.642 8.527-6.145c2.554-1.213 5.132-1.857 7.69-1.995c-3.222-.172-6.504.455-9.744 1.995c-3.174 1.503-6.03 3.775-8.527 6.145c-2.432 2.306-5.05 5.104-6.699 7.992a2.74 2.74 0 0 0-.355 1.337h.006c-.03.467.072.942.351 1.338c3.3 4.655 7.124 8.808 11.874 12.155c4.142 2.801 8.671 4.221 13.282 3.976c-3.896-.208-7.703-1.592-11.226-3.976"/><path fill="#bcbec0" d="M42.35 45.46c4.752-3.351 8.575-7.501 11.873-12.158c.283-.393.382-.868.355-1.336h.002c0-.471-.131-.941-.355-1.339c-1.642-2.887-4.266-5.686-6.696-7.991c-2.502-2.368-5.353-4.638-8.528-6.146c-2.553-1.211-5.133-1.856-7.689-1.995c3.223-.17 6.504.457 9.744 1.995c3.174 1.508 6.02 3.777 8.523 6.146c2.434 2.306 5.058 5.104 6.698 7.991c.229.397.358.868.358 1.339h-.008c.032.468-.072.943-.351 1.336c-3.298 4.657-7.122 8.808-11.871 12.158c-4.141 2.801-8.672 4.22-13.285 3.974c3.9-.209 7.707-1.59 11.23-3.974"/><path fill="#237a99" d="M39.922 31.959a7.998 7.998 0 1 1-15.996 0a7.998 7.998 0 0 1 15.996 0"/><path fill="#34abc6" d="M31.924 17.536c-7.963 0-14.419 6.456-14.419 14.423c0 7.964 6.456 14.42 14.419 14.42c7.965 0 14.423-6.456 14.423-14.42c.001-7.967-6.457-14.423-14.423-14.423m0 22.442a7.865 7.865 0 0 1 0-15.731a7.865 7.865 0 1 1 0 15.731"/><path fill="#242f35" d="M37.17 32.11a5.24 5.24 0 0 1-5.243 5.243a5.247 5.247 0 0 1-5.247-5.243a5.244 5.244 0 1 1 10.49 0"/></svg>

Eye アイコンの使い方

React

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

<Icon icon="emojione-v1:eye" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:eye" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:eye" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--eye]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:eye"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:eye"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/eye.svg" alt="Eye アイコン" width="24" height="24">

Emoji One (v1) の関連アイコン

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

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

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Emoji One (v1) アイコンをすべて見る →