Glasses アイコン

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

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

fluent-emoji:glasses

Glasses アイコン(fluent-emoji:glasses)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: glass

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iuADjqc)"><path fill="url(#iP4iOrd)" d="M14.937 11.336c.22.175.602.385 1.063.385a1.75 1.75 0 0 0 1.074-.392l.01-.004l.765-.643a2.5 2.5 0 0 1 1.61-.588h9.322a1.187 1.187 0 0 1 1.065 1.714q-.061.123-.13.246l-.002.004c-.16.295-.323.594-.323.923v2.751a5.65 5.65 0 0 1-5.631 5.182h-1.113a5.65 5.65 0 0 1-5.531-4.491a5 5 0 0 1-.053-.751v-1.508a1.063 1.063 0 0 0-2.125 0v1.508q0 .383-.054.75a5.65 5.65 0 0 1-5.53 4.492H8.24a5.65 5.65 0 0 1-5.631-5.182v-2.751c0-.33-.163-.628-.324-.923l-.002-.004a7 7 0 0 1-.13-.246a1.187 1.187 0 0 1 1.065-1.714h9.322a2.5 2.5 0 0 1 1.61.588l.764.643l.009.003h.002z"/><path fill="url(#iiip31c)" d="M14.937 11.336c.22.175.602.385 1.063.385a1.75 1.75 0 0 0 1.074-.392l.01-.004l.765-.643a2.5 2.5 0 0 1 1.61-.588h9.322a1.187 1.187 0 0 1 1.065 1.714q-.061.123-.13.246l-.002.004c-.16.295-.323.594-.323.923v2.751a5.65 5.65 0 0 1-5.631 5.182h-1.113a5.65 5.65 0 0 1-5.531-4.491a5 5 0 0 1-.053-.751v-1.508a1.063 1.063 0 0 0-2.125 0v1.508q0 .383-.054.75a5.65 5.65 0 0 1-5.53 4.492H8.24a5.65 5.65 0 0 1-5.631-5.182v-2.751c0-.33-.163-.628-.324-.923l-.002-.004a7 7 0 0 1-.13-.246a1.187 1.187 0 0 1 1.065-1.714h9.322a2.5 2.5 0 0 1 1.61.588l.764.643l.009.003h.002z"/></g><g filter="url(#iywyhzb)"><path fill="#403457" d="M17.897 13.502a2.5 2.5 0 0 1 2.5-2.5h5.612a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75h-1.112a4.75 4.75 0 0 1-4.75-4.75z"/><path stroke="#403457" stroke-width=".2" d="M17.897 13.502a2.5 2.5 0 0 1 2.5-2.5h5.612a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75h-1.112a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#imqYwCo)"><path fill="url(#ihYlbKZ)" d="M17.897 13.502a2.5 2.5 0 0 1 2.5-2.5h5.612a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75h-1.112a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#iRe4vfe)"><path fill="#403457" d="M3.49 13.502a2.5 2.5 0 0 1 2.5-2.5h5.613a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75H8.24a4.75 4.75 0 0 1-4.75-4.75z"/><path stroke="#403457" stroke-width=".2" d="M3.49 13.502a2.5 2.5 0 0 1 2.5-2.5h5.613a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75H8.24a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#i5sy6vc)"><path fill="url(#ix5TCzW)" d="M3.49 13.502a2.5 2.5 0 0 1 2.5-2.5h5.613a2.5 2.5 0 0 1 2.5 2.5v1.762a4.75 4.75 0 0 1-4.75 4.75H8.24a4.75 4.75 0 0 1-4.75-4.75z"/></g><g filter="url(#ig5P15b)"><path stroke="url(#iwyNygb)" stroke-width=".25" d="M6.03 10.573h5.533a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175H8.25a5.175 5.175 0 0 1-5.176-5.175V13.53a2.957 2.957 0 0 1 2.958-2.957Z" clip-rule="evenodd"/><path stroke="url(#iw7EhVb)" stroke-width=".25" d="M6.03 10.573h5.533a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175H8.25a5.175 5.175 0 0 1-5.176-5.175V13.53a2.957 2.957 0 0 1 2.958-2.957Z" clip-rule="evenodd"/></g><g filter="url(#iJXe0Wb)"><path stroke="url(#iifnxOb)" stroke-width=".25" d="M20.563 10.573h5.532a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175h-1.096a5.175 5.175 0 0 1-5.175-5.175V13.53a2.957 2.957 0 0 1 2.957-2.957Z" clip-rule="evenodd"/><path stroke="url(#ibBVDwd)" stroke-width=".25" d="M20.563 10.573h5.532a2.957 2.957 0 0 1 2.957 2.957v1.737a5.175 5.175 0 0 1-5.175 5.175h-1.096a5.175 5.175 0 0 1-5.175-5.175V13.53a2.957 2.957 0 0 1 2.957-2.957Z" clip-rule="evenodd"/></g><ellipse cx="11.504" cy="13.705" fill="url(#iJlBXAe)" rx="1.352" ry="1.681" transform="rotate(-39.013 11.504 13.705)"/><ellipse cx="25.786" cy="13.843" fill="url(#i27ZkYb)" rx="1.352" ry="1.681" transform="rotate(-39.013 25.786 13.843)"/><defs><filter id="iuADjqc" width="28.188" height="11.07" x="2.031" y="10.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.262745 0 0 0 0 0.188235 0 0 0 0 0.341176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16200"/></filter><filter id="iywyhzb" width="11.313" height="9.712" x="17.547" y="10.652" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><filter id="imqYwCo" width="10.963" height="9.362" x="17.747" y="10.852" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy=".2"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.141176 0 0 0 0 0.619608 0 0 0 0 0.992157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16200"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.376471 0 0 0 0 0.807843 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16200" result="effect2_innerShadow_18_16200"/></filter><filter id="iRe4vfe" width="11.313" height="9.712" x="3.14" y="10.652" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><filter id="i5sy6vc" width="10.963" height="9.362" x="3.34" y="10.852" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy=".2"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.141176 0 0 0 0 0.619608 0 0 0 0 0.992157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_16200"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.376471 0 0 0 0 0.807843 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16200" result="effect2_innerShadow_18_16200"/></filter><filter id="ig5P15b" width="12.197" height="10.619" x="2.698" y="10.198" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><filter id="iJXe0Wb" width="12.197" height="10.619" x="17.23" y="10.198" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16200" stdDeviation=".125"/></filter><radialGradient id="iiip31c" cx="0" cy="0" r="1" gradientTransform="matrix(1.20312 .42187 -.81092 2.31265 1.922 10.89)" gradientUnits="userSpaceOnUse"><stop stop-color="#6C5484"/><stop offset="1" stop-color="#6C5484" stop-opacity="0"/></radialGradient><radialGradient id="ihYlbKZ" cx="0" cy="0" r="1" gradientTransform="matrix(-5.1875 -4.34374 4.4704 -5.33878 25.906 17.219)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#7FE8FF"/><stop offset="1" stop-color="#56C1FF"/></radialGradient><radialGradient id="ix5TCzW" cx="0" cy="0" r="1" gradientTransform="matrix(-5.1875 -4.34374 4.4704 -5.33878 11.5 17.219)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#7FE8FF"/><stop offset="1" stop-color="#56C1FF"/></radialGradient><radialGradient id="iJlBXAe" cx="0" cy="0" r="1" gradientTransform="rotate(-84.827 13.649 1.96)scale(3.31088 3.5043)" gradientUnits="userSpaceOnUse"><stop offset=".192" stop-color="#FAFFFF" stop-opacity="0"/><stop offset="1" stop-color="#FAFFFF"/></radialGradient><radialGradient id="i27ZkYb" cx="0" cy="0" r="1" gradientTransform="rotate(-84.827 20.865 -5.788)scale(3.31088 3.5043)" gradientUnits="userSpaceOnUse"><stop offset=".192" stop-color="#FAFFFF" stop-opacity="0"/><stop offset="1" stop-color="#FAFFFF"/></radialGradient><linearGradient id="iP4iOrd" x1="16" x2="16" y1="10.656" y2="20.922" gradientUnits="userSpaceOnUse"><stop offset=".219" stop-color="#57357A"/><stop offset="1" stop-color="#391E54"/></linearGradient><linearGradient id="iwyNygb" x1="4.407" x2="13.008" y1="18.622" y2="12.652" gradientUnits="userSpaceOnUse"><stop stop-color="#53406A"/><stop offset="1" stop-color="#53406A" stop-opacity="0"/></linearGradient><linearGradient id="iw7EhVb" x1="14.736" x2="10.966" y1="15.657" y2="15.657" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4279"/><stop offset="1" stop-color="#5D4279" stop-opacity="0"/></linearGradient><linearGradient id="iifnxOb" x1="18.939" x2="27.54" y1="18.622" y2="12.652" gradientUnits="userSpaceOnUse"><stop stop-color="#53406A"/><stop offset="1" stop-color="#53406A" stop-opacity="0"/></linearGradient><linearGradient id="ibBVDwd" x1="29.268" x2="25.498" y1="15.657" y2="15.657" gradientUnits="userSpaceOnUse"><stop stop-color="#5D4279"/><stop offset="1" stop-color="#5D4279" stop-opacity="0"/></linearGradient></defs></g></svg>

Glasses アイコンの使い方

React

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

<Icon icon="fluent-emoji:glasses" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:glasses" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:glasses" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--glasses]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:glasses"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:glasses"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/glasses.svg" alt="Glasses アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Fluent Emoji アイコンをすべて見る →