Gxs アイコン

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

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

cryptocurrency-color:gxs

Gxs アイコン(cryptocurrency-color:gxs)は、Cryptocurrency Color Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Color Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Cryptocurrency Color Icons
作者: Christopher Downer
ライセンス: CC0-1.0
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="16" fill="#35A5F3"/><path fill="#FFF" d="M7.02 7.027c1.27-1.327 3.59-1.38 4.901-.09q2.055 2.01 4.068 4.057c1.428-1.357 2.764-2.805 4.198-4.156c1.364-1.232 3.684-1.083 4.895.297c1.242 1.302 1.222 3.573-.067 4.837c-1.327 1.351-2.671 2.682-4.01 4.022c1.368 1.409 2.793 2.763 4.15 4.19c1.216 1.333 1.1 3.605-.219 4.83c-1.297 1.31-3.623 1.314-4.918-.002c-1.347-1.322-2.665-2.676-4.003-4.004c-1.428 1.374-2.79 2.816-4.233 4.176C10.4 26.41 8.07 26.227 6.88 24.82c-1.2-1.299-1.17-3.512.08-4.77a217 217 0 0 1 3.566-3.567l1.507 1.505c-1.176 1.214-2.413 2.376-3.571 3.608c-.781.8-.093 2.292 1.004 2.274c.665.059 1.124-.492 1.556-.908c1.147-1.168 2.311-2.315 3.458-3.483c-2.5-2.522-5.04-5.009-7.528-7.542c-1.298-1.308-1.257-3.64.07-4.91zm1.453 3.39c1.323 1.38 2.697 2.711 4.044 4.068q.975-.987 1.962-1.963c-1.303-1.313-2.601-2.635-3.922-3.93c-.421-.455-1.141-.624-1.69-.298c-.764.37-1.005 1.506-.395 2.123zm12.94-1.79c-2.486 2.44-4.922 4.932-7.395 7.384c.667.647 1.332 1.296 1.983 1.96q.748-.74 1.492-1.488c.502.501 1.001 1.005 1.507 1.503q-.736.75-1.484 1.49c1.341 1.349 2.656 2.723 4.041 4.028c.703.74 2.067.291 2.27-.684c.218-.69-.278-1.287-.746-1.721a2158 2158 0 0 1-6.596-6.593a267 267 0 0 0 1.501-1.509c.5.498.999.996 1.51 1.486c1.315-1.363 2.709-2.65 4.004-4.034c.653-.634.392-1.849-.442-2.192c-.56-.289-1.243-.085-1.646.37z"/></g></svg>

Gxs アイコンの使い方

React

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

<Icon icon="cryptocurrency-color:gxs" width="24" />

Vue

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

<template>
  <Icon icon="cryptocurrency-color:gxs" width="24" />
</template>

Svelte

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

<Icon icon="cryptocurrency-color:gxs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--gxs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:gxs"></div>

Web コンポーネント

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

<iconify-icon icon="cryptocurrency-color:gxs"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/gxs.svg" alt="Gxs アイコン" width="24" height="24">

他のアイコンセットの Gxs アイコン

Gxs アイコンのよくある質問

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

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

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

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

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

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

Cryptocurrency Color Icons をすべて見る →