ICONYZ
日本語
Fluent UI System Icons の Globe Off 28 Regular アイコン

Globe Off 28 Regular アイコン

fluent:globe-off-28-regular

Globe Off 28 Regular アイコン(fluent:globe-off-28-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 28 × 28 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fluent UI System Icons
作者
Microsoft Corporation
ライセンス
MIT
サイズ
28 × 28
タグ
globeoff、offregular、globeoffregular
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path fill="currentColor" d="M5 6.062L2.22 3.28a.75.75 0 1 1 1.06-1.06l22.5 22.5a.75.75 0 0 1-1.06 1.06L21.937 23A11.96 11.96 0 0 1 14 26C7.373 26 2 20.627 2 14c0-3.044 1.133-5.823 3-7.938m15.875 15.874L19.16 20.22c-.219.74-.476 1.428-.767 2.052a10 10 0 0 1-.964 1.656a10.5 10.5 0 0 0 3.447-1.992M17.44 18.5H9.953c.252 1.185.598 2.246 1.014 3.138C11.89 23.615 13.015 24.5 14 24.5s2.11-.885 3.033-2.862c.357-.766.663-1.656.902-2.643zm-1.5-1.5l-6-6h-.244a23 23 0 0 0-.195 3c0 1.045.069 2.051.195 3zM8.425 9.486L6.064 7.125A10.5 10.5 0 0 0 4.51 9.5h3.912q0-.008.003-.014M8 14c0-1.034.063-2.04.183-3H3.935c-.283.95-.435 1.957-.435 3s.152 2.05.435 3h4.248C8.063 16.04 8 15.034 8 14m1.608 8.272c-.506-1.084-.91-2.363-1.186-3.772H4.51a10.53 10.53 0 0 0 6.062 5.428a10 10 0 0 1-.964-1.656M7.255 4.073l1.083 1.083c.693-.445 1.442-.81 2.234-1.084a10 10 0 0 0-.964 1.656q-.11.236-.214.484l1.159 1.159q.193-.535.414-1.009C11.89 4.385 13.015 3.5 14 3.5s2.11.885 3.033 2.862c.416.892.762 1.953 1.014 3.138h-5.365l1.5 1.5h4.123a23.5 23.5 0 0 1 .16 4.283l1.39 1.39A25 25 0 0 0 20 14c0-1.034-.063-2.04-.183-3h4.248c.283.95.435 1.957.435 3s-.152 2.05-.435 3h-3.883l3.745 3.745A11.95 11.95 0 0 0 26 14c0-6.627-5.373-12-12-12c-2.5 0-4.822.765-6.745 2.073M23.49 9.5h-3.912c-.276-1.41-.68-2.688-1.186-3.772a10 10 0 0 0-.964-1.656A10.53 10.53 0 0 1 23.49 9.5"/></svg>

Globe Off 28 Regular アイコンの使い方

React

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

<Icon icon="fluent:globe-off-28-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:globe-off-28-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:globe-off-28-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--globe-off-28-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:globe-off-28-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:globe-off-28-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/globe-off-28-regular.svg" alt="Globe Off 28 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Globe Off 28 Regular アイコン のよくある質問

Globe Off 28 Regular アイコンは商用利用でも無料ですか?

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

React で Globe Off 28 Regular アイコンを使うには?

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

Globe Off 28 Regular アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →