ICONYZ
日本語
Cryptocurrency Color Icons の Snx アイコン

Snx アイコン

cryptocurrency-color:snx

Snx アイコン(cryptocurrency-color:snx)は、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="#5FCDF9"/><path fill="#FFF" d="M11.092 12.264a.62.62 0 0 0-.493-.24h-3.98a.13.13 0 0 1-.086-.035a.1.1 0 0 1-.033-.077v-2.8a.1.1 0 0 1 .033-.077a.1.1 0 0 1 .086-.034h4.206q1.59 0 2.747 1.359l1.023 1.303l-1.992 2.534zm7.351-1.917q1.152-1.345 2.76-1.346h4.193a.1.1 0 0 1 .078.026a.1.1 0 0 1 .025.085v2.8q0 .045-.025.077a.08.08 0 0 1-.078.034h-3.98a.62.62 0 0 0-.492.24L17.99 15.99l2.945 3.752c.12.141.296.227.477.223h3.98a.09.09 0 0 1 .077.034a.14.14 0 0 1 .025.09v2.8a.12.12 0 0 1-.025.077a.08.08 0 0 1-.078.034h-4.189c-1.072 0-1.984-.454-2.748-1.359l-2.44-3.108l-2.439 3.108q-1.152 1.359-2.76 1.36H6.62a.09.09 0 0 1-.078-.035a.12.12 0 0 1-.025-.09v-2.8q0-.045.025-.077a.08.08 0 0 1 .078-.034h3.98c.189 0 .37-.09.493-.24l2.879-3.67z"/></g></svg>

Snx アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Cryptocurrency Color Icons をすべて見る →