Glasses Bold アイコン
solar:glasses-bold
Glasses Bold アイコン(solar:glasses-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- UI
- タグ
- glassesbold、glass
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.23717 4.71172C6.63012 4.58073 6.84249 4.15599 6.71151 3.76303C6.58052 3.37008 6.15578 3.15771 5.76282 3.28869L5.20803 3.47362C4.63714 3.6639 4.15321 3.82519 3.76907 4.00078C3.36027 4.18763 3.00244 4.41689 2.7176 4.77654C2.43275 5.13619 2.29154 5.53702 2.20328 5.97774C2.12035 6.39189 2.07418 6.89989 2.01972 7.49919L1.32246 15.1691C1.27528 15.4364 1.25046 15.7114 1.25 15.9922C1.25544 18.6109 3.38 20.7502 5.99999 20.7502C8.36324 20.7502 10.3234 19.0244 10.6889 16.7643L10.9079 16.6861C11.6142 16.4342 12.3858 16.4342 13.0921 16.6861L13.3111 16.7643C13.6766 19.0244 15.6367 20.7502 18 20.7502C20.62 20.7502 22.7445 18.6109 22.75 15.9922C22.7495 15.7114 22.7247 15.4364 22.6775 15.1691L21.9803 7.49918C21.9258 6.89989 21.8796 6.39189 21.7967 5.97774C21.7084 5.53702 21.5672 5.13619 21.2824 4.77654C20.9975 4.41689 20.6397 4.18763 20.2309 4.00078C19.8468 3.82519 19.3629 3.6639 18.792 3.47362L18.2372 3.28869C17.8442 3.15771 17.4195 3.37008 17.2885 3.76303C17.1575 4.15599 17.3699 4.58073 17.7628 4.71172L18.281 4.88444C18.8984 5.09023 19.3051 5.22686 19.6073 5.36502C19.8931 5.49565 20.0214 5.60032 20.1065 5.70785C20.1917 5.81537 20.2642 5.96415 20.3259 6.27228C20.3912 6.59815 20.431 7.02536 20.4899 7.67343L20.9052 12.242C20.1021 11.6202 19.0943 11.2502 18 11.2502C15.6549 11.2502 13.7067 12.9497 13.3198 15.1842C12.4577 14.9348 11.5423 14.9348 10.6802 15.1842C10.2933 12.9497 8.34511 11.2502 5.99999 11.2502C4.90572 11.2502 3.89787 11.6202 3.09474 12.242L3.14309 11.7102L3.51007 7.67343C3.56898 7.02536 3.60882 6.59815 3.67408 6.27228C3.73579 5.96415 3.80831 5.81537 3.89347 5.70785C3.97863 5.60032 4.10684 5.49565 4.39264 5.36502C4.69491 5.22686 5.10163 5.09023 5.71898 4.88444L6.23717 4.71172Z" clip-rule="evenodd"/></svg>Glasses Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:glasses-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:glasses-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:glasses-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--glasses-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:glasses-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:glasses-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/glasses-bold.svg" alt="Glasses Bold アイコン" width="24" height="24">Solar の関連アイコン
他のアイコンセットの Glasses Bold アイコン
Glasses Bold アイコン のよくある質問
Glasses Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Glasses Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:glasses-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Glasses Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/glasses-bold.svg" alt="Glasses Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。