Globe 2 Cancel アイコン
material-symbols-light:globe-2-cancel
Globe 2 Cancel アイコン(material-symbols-light:globe-2-cancel)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- Android
- タグ
- globecancel、globe 2 cancel sharp、globe 2 cancel outline、globe 2 cancel outline sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m17.4 21l-.708-.708l2.1-2.1l-2.1-2.08l.708-.708l2.1 2.1l2.08-2.1l.709.708l-2.075 2.08l2.075 2.1l-.708.708l-2.081-2.075zM12 21q-1.863 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12q0 .212-.003.404t-.028.404h-1.006q.031-.212.034-.404T20 12q0-.596-.082-1.183t-.264-1.163h-4.035q.114.577.16 1.163q.048.587.048 1.183q0 .211-.01.404q-.01.192-.015.404h-1q.006-.212.015-.404q.01-.193.01-.404q0-.596-.047-1.183q-.047-.586-.16-1.163H9.38q-.113.577-.16 1.163T9.173 12t.047 1.183t.16 1.163h4.236v1H9.619q.358 1.287.939 2.466T12 20.009q.392 0 .782-.04q.39-.041.782-.091l.238.95q-.46.086-.901.13Q12.46 21 12 21m-7.654-6.654h4.035q-.114-.577-.16-1.163q-.048-.587-.048-1.183t.047-1.183t.16-1.163H4.347q-.182.577-.264 1.163T4 12t.082 1.183t.264 1.163m.408-5.692h3.835q.282-1.252.802-2.4q.52-1.146 1.336-2.15q-1.99.296-3.562 1.507q-1.57 1.21-2.411 3.043m5.973 11.242q-.758-1.023-1.287-2.17q-.53-1.147-.851-2.38H4.754q.84 1.813 2.421 3.024q1.58 1.21 3.552 1.526M9.619 8.654h4.762q-.339-1.287-.948-2.447q-.61-1.16-1.433-2.215q-.842 1.016-1.442 2.195t-.939 2.467m5.793 0h3.834q-.84-1.833-2.411-3.053t-3.562-1.497q.758 1.023 1.259 2.18t.88 2.37"/></svg>
Globe 2 Cancel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:globe-2-cancel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:globe-2-cancel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:globe-2-cancel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--globe-2-cancel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:globe-2-cancel"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:globe-2-cancel"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/globe-2-cancel.svg" alt="Globe 2 Cancel アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Globe 2 Cancel アイコン
Globe 2 Cancel アイコン のよくある質問
Globe 2 Cancel アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe 2 Cancel アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:globe-2-cancel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe 2 Cancel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/globe-2-cancel.svg" alt="Globe 2 Cancel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
