Goggles アイコン
fluent-emoji-flat:goggles
Goggles アイコン(fluent-emoji-flat:goggles)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- goggle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#5235a6" d="M19.455 24.44c-.521 0-1.057-.015-1.6-.032c-.592-.017-1.211-.036-1.86-.036c-7.074 0-10.928-2.949-13.3-10.178c-.823-2.512-.789-4.372.1-5.686c1.325-1.95 4.1-2.12 6.785-2.284c2.084-.128 4.238-.26 5.254-1.219c3.39-3.2 7.778-3.922 11.184-1.853c2.634 1.6 4.9 5.255 3.345 10.7a25.1 25.1 0 0 1-3.6 7.873c-1.703 2.359-3.847 2.715-6.308 2.715m2.386-20.446a8.35 8.35 0 0 0-5.635 2.465C14.663 7.916 12.14 8.071 9.7 8.22c-2.2.134-4.48.274-5.253 1.412c-.513.756-.466 2.082.142 3.939c2.079 6.333 5.275 8.8 11.4 8.8c.669 0 1.309.019 1.919.037c3.148.093 4.854.054 6.231-1.851a23.2 23.2 0 0 0 3.3-7.248c1.041-3.655.1-6.891-2.46-8.447a6 6 0 0 0-3.138-.868"/><path fill="#00a6ed" d="M17 13.892h7.99c2.77 0 5.01 2.24 5.01 5.01v5.07c0 3.32-2.69 6.01-6.01 6.01h-2.55c-1.49 0-2.86-.84-3.53-2.18l-.46-.92c-.28-.54-.84-.89-1.45-.89c-.62 0-1.18.34-1.45.89l-.46.92a3.95 3.95 0 0 1-3.53 2.18H8.01c-3.32 0-6.01-2.69-6.01-6.01v-5.07c0-2.77 2.24-5.01 5.01-5.01z"/><path fill="#83cbff" d="M24.99 16.072H7.01c-2.77 0-5.01 2.24-5.01 5.01v1.92c0 2.65 2.15 4.8 4.8 4.8h3.76c1.5 0 2.86-.85 3.53-2.18l.46-.92c.27-.55.83-.89 1.45-.89s1.17.35 1.45.89l.46.92a3.95 3.95 0 0 0 3.53 2.18h3.76c2.65 0 4.8-2.15 4.8-4.8v-1.92c0-2.77-2.24-5.01-5.01-5.01"/><path fill="#aeddff" d="M12.707 19.7a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 1 0 1.414 1.414zm15 0a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 0 0 1.414 1.414z"/></g></svg>
Goggles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:goggles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:goggles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:goggles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--goggles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:goggles"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:goggles"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goggles.svg" alt="Goggles アイコン" width="24" height="24">
Goggles アイコン のよくある質問
Goggles アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Goggles アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:goggles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Goggles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goggles.svg" alt="Goggles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
