Globe3 Filled アイコン
reicon:globe3-filled
Globe3 Filled アイコン(reicon:globe3-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY)"><path d="M9.427 3.996C8.772 5.884 8.36 8.359 8.27 10.922c-.004.113-.006.17.015.214a.2.2 0 0 0 .088.091c.044.023.1.023.215.023h6.826c.114 0 .171 0 .215-.023a.2.2 0 0 0 .088-.09c.02-.045.019-.102.015-.215c-.091-2.563-.503-5.038-1.158-6.926c-.375-1.08-.814-1.923-1.284-2.483C12.82.955 12.387.75 12 .75s-.82.205-1.289.763c-.47.56-.909 1.404-1.284 2.483M.3 10.91c-.01.115-.016.172.004.22a.2.2 0 0 0 .088.096c.045.024.104.024.222.024h5.832c.11 0 .165 0 .207-.02a.2.2 0 0 0 .087-.085c.022-.041.024-.097.028-.207c.09-2.704.521-5.358 1.242-7.434c.407-1.17.92-2.202 1.552-2.955c.016-.018 0-.046-.024-.04C4.576 1.565.774 5.755.3 10.908m.314 1.842c-.118 0-.177 0-.222.024a.2.2 0 0 0-.088.097c-.02.047-.015.104-.004.22c.474 5.153 4.276 9.343 9.238 10.4c.023.006.04-.022.024-.04c-.632-.753-1.145-1.784-1.552-2.955c-.72-2.076-1.152-4.73-1.242-7.433c-.004-.111-.006-.167-.028-.208a.2.2 0 0 0-.087-.084c-.042-.021-.097-.021-.207-.021zM14.46 23.304c-.058.076.009.187.102.166c4.913-1.093 8.667-5.26 9.138-10.38c.01-.115.016-.172-.004-.22a.2.2 0 0 0-.088-.096c-.045-.024-.104-.024-.222-.024h-5.837c-.11 0-.164 0-.206.02a.2.2 0 0 0-.087.084c-.022.04-.024.096-.029.206c-.1 2.382-.53 4.986-1.234 7.108c-.404 1.217-.912 2.32-1.533 3.136m8.926-12.054c.118 0 .177 0 .222-.024a.2.2 0 0 0 .088-.097c.02-.047.015-.104.004-.22c-.474-5.153-4.276-9.343-9.238-10.4a.025.025 0 0 0-.024.04c.632.753 1.145 1.784 1.552 2.955c.72 2.076 1.152 4.73 1.242 7.434c.004.11.006.166.028.207q.03.056.087.084c.042.021.097.021.207.021zm-8.816 8.446c.646-1.952 1.053-4.381 1.155-6.616c.005-.114.008-.17-.013-.215a.2.2 0 0 0-.088-.092c-.044-.023-.102-.023-.217-.023h-6.82c-.114 0-.171 0-.215.023a.2.2 0 0 0-.088.09c-.02.045-.019.102-.015.215c.091 2.563.503 5.038 1.158 6.926c.375 1.08.814 1.923 1.284 2.483c.469.558.902.763 1.289.763c.348 0 .779-.215 1.267-.855c.48-.63.925-1.56 1.302-2.7"/></g><defs><clipPath id="SVGBgS7qSkY"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Globe3 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:globe3-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:globe3-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:globe3-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--globe3-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:globe3-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:globe3-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/globe3-filled.svg" alt="Globe3 Filled アイコン" width="24" height="24">Reicon の関連アイコン
Globe3 Filled アイコン のよくある質問
Globe3 Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe3 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:globe3-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe3 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/globe3-filled.svg" alt="Globe3 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。