Soc アイコン
cryptocurrency:soc
Soc アイコン(cryptocurrency:soc)は、Cryptocurrency Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency 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"><path fill="currentColor" d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16s-7.163 16-16 16m0-28C9.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.669m.188-18.95c0 .518 0 1.034.018 1.552a9.8 9.8 0 0 0-2.145-.563c-.03-.469.104-.984-.033-1.429a13 13 0 0 0-1.572-.019c-.026.482-.017.966 0 1.45a10 10 0 0 0-2.146.574q.022-.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.437zm1.368 13.936c-1.207 1.095-2.923 1.354-4.5 1.331c-1.381 0-2.846-.375-3.845-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.705c-1.517-.783-3.407-.517-4.841-1.509c-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"/></svg>Soc アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency:soc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency:soc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency:soc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency--soc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency -->
<div class="i-cryptocurrency:soc"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency:soc"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency/soc.svg" alt="Soc アイコン" width="24" height="24">他のアイコンセットの Soc アイコン
Soc アイコン のよくある質問
Soc アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Soc アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency:soc" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soc アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency/soc.svg" alt="Soc アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。