Sunglasses アイコン
noto-v1:sunglasses
Sunglasses アイコン(noto-v1:sunglasses)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 物
- タグ
- sunglass
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2f2f2f" fill-rule="evenodd" stroke="#464747" stroke-miterlimit="10" stroke-width="3" d="M5.44 45.69c33.94-5 39.99 1.27 58.7 1.65c18.71-.38 24.76-7.65 58.7-1.65c2.12.38 2.33.47 2.69 2.57c.15.93.25 4.86.28 5.79c.07 1.72-.27 1.95-1.98 2.86c-1.49.79-2.18 1.02-2.18 4.16c0 20.7-9.4 27.1-22.03 27.59c-13.35.52-24.21-7.07-28.73-18.72c-6.4-16.46-7.4-16.47-13.8 0C52.58 81.59 42 89.19 28.66 88.67c-12.63-.5-22.03-7.64-22.03-27.59c0-3.14-.69-3.37-2.18-4.16c-1.71-.92-2.06-1.15-1.98-2.87c.04-.93.14-4.86.28-5.79c.36-2.1.57-1.2 2.69-2.57z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M115.23 60.04c.17-7.79-.93-9.6-5.87-10.61c-4.63-.95-9.37-1.41-14.05-1.23c-5.63.22-12.03 2.41-16.36 4.34c-5.52 2.47-6.31 2.94-5.11 6.43c3.39 9.86 7.62 23.24 24.76 22.61c12.68-.48 16.37-9.54 16.63-21.54m-103.44 0c.27 12 3.95 21.07 16.63 21.53c17.15.64 21.37-12.75 24.76-22.61c1.2-3.49.41-3.96-5.11-6.43c-4.32-1.93-10.72-4.12-16.36-4.34c-4.68-.18-9.42.28-14.05 1.23c-4.95 1.02-6.05 2.83-5.87 10.62" clip-rule="evenodd"/><path fill="#2f2f2f" fill-rule="evenodd" d="M5.44 45.69c33.94-5 39.99 1.27 58.7 1.65c18.71-.38 24.76-7.65 58.7-1.65c2.12.38 2.33.47 2.69 2.57c.15.93.25 4.86.28 5.79c.07 1.72-.27 1.95-1.98 2.86c-1.49.79-2.18 1.02-2.18 4.16c0 20.7-9.4 27.1-22.03 27.59c-13.35.52-24.21-7.07-28.73-18.72c-6.4-16.46-7.4-16.47-13.8 0C52.58 81.59 42 89.19 28.66 88.67c-12.63-.5-22.03-7.64-22.03-27.59c0-3.14-.69-3.37-2.18-4.16c-1.71-.92-2.06-1.15-1.98-2.87c.04-.93.14-4.86.28-5.79c.36-2.1.57-1.2 2.69-2.57m110.64 14.99c.17-7.79-.93-9.6-5.87-10.61c-4.63-.95-9.37-1.41-14.05-1.23c-5.63.22-12.07 1.44-16.39 3.37c-5.52 2.47-6.13 4.4-4.93 7.88c3.39 9.86 7.46 22.76 24.61 22.12c12.68-.47 16.37-9.53 16.63-21.53m-103.88 0c.27 12 3.95 21.07 16.63 21.53c17.15.63 21.37-12.75 24.76-22.61c1.2-3.49.41-3.96-5.11-6.43c-4.32-1.93-10.72-4.12-16.36-4.34c-4.68-.18-9.42.28-14.05 1.23c-4.94 1.02-6.04 2.83-5.87 10.62" clip-rule="evenodd"/><path fill="#2f2f2f" d="M54.15 69.53C49.55 77.87 37.89 85.3 30 85.3s-18.83-4.73-16.26-17.32c2.71-13.3 8.37-19.82 16.26-19.82c7.89-.01 35.32 1.09 24.15 21.37m64.16 0c-3.72 8.77-16.25 15.77-24.15 15.77s-14.61-7.2-14.39-18.31c.25-12.32 7.65-18.97 15.54-18.79c15.67.35 31.77.63 23 21.33"/></svg>
Sunglasses アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:sunglasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:sunglasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:sunglasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--sunglasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:sunglasses"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:sunglasses"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/sunglasses.svg" alt="Sunglasses アイコン" width="24" height="24">
他のアイコンセットの Sunglasses アイコン
Sunglasses アイコン のよくある質問
Sunglasses アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sunglasses アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:sunglasses" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sunglasses アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/sunglasses.svg" alt="Sunglasses アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
