Cnx アイコン
cryptocurrency-color:cnx
Cnx アイコン(cryptocurrency-color:cnx)は、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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><circle cx="16" cy="16" r="16" fill="#4c6bae"/><g fill="#fff"><path d="M6.383 17.01L5 17.153q1.11-3.105 4.391-4.968q.31 2.573 2.44 4.259l-1.3.135a5.5 5.5 0 0 0 4.553 4.845a6.1 6.1 0 0 1-2.987 1.185q1.022 1.8 2.417 2.947a9.674 9.674 0 0 1-8.131-8.546m19.234-2.02L27 14.847q-1.11 3.105-4.391 4.968q-.31-2.573-2.44-4.259l1.3-.135a5.5 5.5 0 0 0-4.626-4.857a6.1 6.1 0 0 1 2.972-1.173q-1.03-1.813-2.438-2.963a9.674 9.674 0 0 1 8.24 8.562" opacity=".5"/><path d="M16.922 25.626L17.065 27q-3.105-1.11-4.968-4.391q2.572-.31 4.258-2.44l.136 1.31a5.5 5.5 0 0 0 4.945-4.636a6.1 6.1 0 0 1 1.173 2.972q1.813-1.03 2.963-2.438a9.674 9.674 0 0 1-8.65 8.249M14.99 6.383L14.847 5q3.105 1.11 4.968 4.391q-2.573.31-4.259 2.44l-.135-1.3a5.5 5.5 0 0 0-4.857 4.626a6.1 6.1 0 0 1-1.173-2.972q-1.813 1.03-2.963 2.438a9.674 9.674 0 0 1 8.562-8.24"/></g></g></svg>Cnx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:cnx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:cnx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:cnx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--cnx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:cnx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:cnx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/cnx.svg" alt="Cnx アイコン" width="24" height="24">他のアイコンセットの Cnx アイコン
Cnx アイコン のよくある質問
Cnx アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cnx アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:cnx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cnx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/cnx.svg" alt="Cnx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。