Global Filled アイコン

Q: Global Filled アイコンは商用利用でも無料ですか?

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

reicon:global-filled

Global Filled アイコン(reicon:global-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 新しいアイコン
タグ: globalfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.649 20.91c-.03 0-.07.02-.1.02c-1.94-.96-3.52-2.55-4.49-4.49c0-.03.02-.07.02-.1c1.22.36 2.48.63 3.73.84c.22 1.26.48 2.51.84 3.73m13.291-4.46c-.99 1.99-2.64 3.6-4.65 4.57c.38-1.27.7-2.55.91-3.84c1.26-.21 2.5-.48 3.72-.84c-.01.04.02.08.02.11m.08-8.74c-1.26-.38-2.53-.69-3.82-.91c-.21-1.29-.52-2.57-.91-3.82c2.07.99 3.74 2.66 4.73 4.73M7.65 3.089c-.36 1.22-.62 2.46-.83 3.72c-1.29.2-2.57.52-3.84.9c.97-2.01 2.58-3.66 4.57-4.65c.03 0 .07.03.1.03m7.842 3.501c-2.32-.26-4.66-.26-6.98 0c.25-1.37.57-2.74 1.02-4.06c.02-.08.01-.14.02-.22c.79-.19 1.6-.31 2.45-.31c.84 0 1.66.12 2.44.31c.01.08.01.14.03.22c.45 1.33.77 2.69 1.02 4.06M6.59 15.492c-1.38-.25-2.74-.57-4.06-1.02c-.08-.02-.14-.01-.22-.02c-.19-.79-.31-1.6-.31-2.45c0-.84.12-1.66.31-2.44c.08-.01.14-.01.22-.03c1.33-.44 2.68-.77 4.06-1.02c-.25 2.32-.25 4.66 0 6.98M22 12.002c0 .85-.12 1.66-.31 2.45c-.08.01-.14 0-.22.02c-1.33.44-2.69.77-4.06 1.02c.26-2.32.26-4.66 0-6.98c1.37.25 2.74.57 4.06 1.02c.08.02.14.03.22.03c.19.79.31 1.6.31 2.44m-6.508 5.408c-.25 1.38-.57 2.74-1.02 4.06c-.02.08-.02.14-.03.22c-.78.19-1.6.31-2.44.31c-.85 0-1.66-.12-2.45-.31c-.01-.08 0-.14-.02-.22a30 30 0 0 1-1.02-4.06c1.16.13 2.32.22 3.49.22s2.34-.09 3.49-.22m.271-1.647a30 30 0 0 1-7.526 0a30 30 0 0 1 0-7.526a30 30 0 0 1 7.526 0a30 30 0 0 1 0 7.526"/></svg>

Global Filled アイコンの使い方

React

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

<Icon icon="reicon:global-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:global-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:global-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--global-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:global-filled"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:global-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/global-filled.svg" alt="Global Filled アイコン" width="24" height="24">

Reicon の関連アイコン

Global Filled アイコンのよくある質問

Global Filled アイコンは商用利用でも無料ですか?

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

React で Global Filled アイコンを使うには?

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

Global Filled アイコンをウェブページに追加するには?

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

Reicon アイコンをすべて見る →