Smiley Eyes Only アイコン
streamline-freehand:smiley-eyes-only
Smiley Eyes Only アイコン(streamline-freehand:smiley-eyes-only)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- メール・メッセージ
- タグ
- smileyeyes、eyesonly、smileyeyesonly、eye
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.87 9.996a13.2 13.2 0 0 0-.69-2.998a10 10 0 0 0-3.377-4.496A10.73 10.73 0 0 0 14.637.434a.36.36 0 0 0-.39.3a.35.35 0 0 0 .3.38a10 10 0 0 1 4.797 2.047a9.17 9.17 0 0 1 2.997 4.177c.323.902.545 1.837.66 2.788c.085.954.085 1.913 0 2.867c-.092.941-.31 1.866-.65 2.748a12.2 12.2 0 0 1-1.289 2.528a9.63 9.63 0 0 1-4.506 3.497a12.56 12.56 0 0 1-5.735.85a12 12 0 0 1-3.158-.71a9.4 9.4 0 0 1-2.767-1.599a11.52 11.52 0 0 1-3.777-7.114A10.62 10.62 0 0 1 2.897 5.33a11.6 11.6 0 0 1 3.118-2.968a9.3 9.3 0 0 1 4.066-1.359c.71-.07 1.42-.13 2.119-.13q.702-.008 1.398.09a.3.3 0 1 0 .09-.59a11 11 0 0 0-1.478-.18q-1.102-.015-2.199.09a10.2 10.2 0 0 0-4.376 1.44A12.6 12.6 0 0 0 2.218 4.82A11.48 11.48 0 0 0 .13 13.323a12.5 12.5 0 0 0 4.046 7.843c.92.78 1.968 1.396 3.098 1.819c1.116.41 2.282.672 3.467.78c2.134.17 4.279-.159 6.265-.96a10.57 10.57 0 0 0 4.945-3.997a13.2 13.2 0 0 0 1.37-2.757c.348-.966.566-1.974.649-2.998c.062-1.02.028-2.044-.1-3.057"/><path fill="currentColor" d="M6.614 6.439c-.999.6-1.608 2.178-.46 2.997a2.07 2.07 0 0 0 2.858-.83a1.78 1.78 0 0 0-.74-2.297a1.74 1.74 0 0 0-1.658.13m9.113 2.977a1.69 1.69 0 0 0 2.567-1.229a1.7 1.7 0 0 0-.849-1.818c-1.698-.73-3.377 1.129-2.338 2.528c.163.22.375.397.62.52"/></svg>
Smiley Eyes Only アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:smiley-eyes-only" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:smiley-eyes-only" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:smiley-eyes-only" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--smiley-eyes-only]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:smiley-eyes-only"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:smiley-eyes-only"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/smiley-eyes-only.svg" alt="Smiley Eyes Only アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Smiley Eyes Only アイコン
Smiley Eyes Only アイコン のよくある質問
Smiley Eyes Only アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Smiley Eyes Only アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:smiley-eyes-only" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smiley Eyes Only アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/smiley-eyes-only.svg" alt="Smiley Eyes Only アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
