Soc アイコン
cryptocurrency-color:soc
Soc アイコン(cryptocurrency-color:soc)は、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"><circle cx="16" cy="16" r="16" fill="#199248"/><g fill="#FFF"><path d="M16 4C9.373 4 4 9.373 4 16s5.373 12 12 12s12-5.373 12-12A12 12 0 0 0 16 4m2.743 22.236a10.596 10.596 0 1 1-4.595-20.669a10.597 10.597 0 0 1 4.595 20.669"/><path d="M18.93 7.287c0 .517 0 1.033.02 1.55a9.8 9.8 0 0 0-2.146-.562c-.03-.469.104-.984-.033-1.429a13 13 0 0 0-1.572-.019c-.026.482-.016.966 0 1.45a10 10 0 0 0-2.146.574q.023-.782.013-1.566a9.2 9.2 0 0 0 0 17.438q0-.767-.015-1.532a9 9 0 0 0 2.133.549c0 .469 0 .938-.028 1.402c.56.08 1.128.08 1.688 0a26 26 0 0 1-.04-1.387a10 10 0 0 0 2.14-.544a24 24 0 0 0 0 1.52a9.2 9.2 0 0 0-.011-17.437l-.002-.007zm1.37 13.935c-1.208 1.095-2.924 1.354-4.5 1.331c-1.383 0-2.847-.375-3.846-1.376c-.53-.512-.83-1.196-1.099-1.875c.966-.25 1.963-.334 2.936-.542a1.7 1.7 0 0 0 1.138 1.277c.883.276 1.977.315 2.713-.315c.522-.433.537-1.38-.11-1.704c-1.517-.784-3.407-.518-4.841-1.51c-1.975-1.245-2.121-4.547-.188-5.891c1.478-1.037 3.454-1.166 5.168-.75c1.55.392 2.655 1.706 3.187 3.161c-.954.165-1.907.334-2.861.495c-.251-1.515-2.372-1.875-3.426-.992c-.6.499-.446 1.562.304 1.828c1.64.68 3.61.484 5.063 1.622c1.687 1.144 1.863 3.876.361 5.24z"/></g></g></svg>Soc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:soc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:soc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:soc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--soc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:soc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:soc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/soc.svg" alt="Soc アイコン" width="24" height="24">他のアイコンセットの Soc アイコン
Soc アイコン のよくある質問
Soc アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Soc アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:soc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/soc.svg" alt="Soc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。