Cspr アイコン
token:cspr
Cspr アイコン(token:cspr)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.62 4.615A1.29 1.29 0 0 0 13.365 3a1.29 1.29 0 0 0-1.3 1.28c0 .38.165.72.43.95L11.09 6.56a1.3 1.3 0 0 0-.675-.375v-.89a.94.94 0 0 0 .685-.9a.95.95 0 0 0-1.9-.005c0 .5.395.91.895.94v.825a1.29 1.29 0 0 0-1.25 1.28c0 .21.05.41.14.585l-2.14 1.015a1.3 1.3 0 0 0-.315-.41l.885-1.55a.95.95 0 0 0 1.12-.925a.95.95 0 0 0-.955-.93a.935.935 0 1 0-.47 1.75l-.845 1.475a1.3 1.3 0 0 0-.6-.145a1.29 1.29 0 0 0-1.3 1.28a1.29 1.29 0 0 0 1.665 1.23l1.005 1.86c-.205.175-.35.42-.41.69l-.73-.25a.935.935 0 0 0-.945-1.07a.95.95 0 0 0-.95.935a.95.95 0 0 0 .95.94a.95.95 0 0 0 .85-.51l.8.28c.015.395.21.74.51.965l-.475.605a.953.953 0 0 0-1.42.204a.96.96 0 0 0-.155.511a.95.95 0 0 0 .955.935a.95.95 0 0 0 .95-.935a.96.96 0 0 0-.12-.465l.545-.7c.15.065.305.1.475.1l.36 2.26a1.28 1.28 0 0 0-.79 1.175a1.306 1.306 0 1 0 2.285.84l1.735.735c-.01.05-.01.1-.01.15a.95.95 0 0 0 1.9-.005a.95.95 0 0 0-.95-.935c-.36 0-.68.2-.84.49l-1.655-.7a1.2 1.2 0 0 0 .13-.445l2.225-.55a1.297 1.297 0 0 0 1.88.36l.835.7a.95.95 0 0 0 .9 1.235a.95.95 0 0 0 .95-.935a.96.96 0 0 0-.055-1.257a.954.954 0 0 0-1.645.677l-.75-.64c.085-.1.155-.22.205-.35l3.52.17c.02.5.44.9.95.9a.95.95 0 0 0 .955-.93a.95.95 0 0 0-.95-.94a.95.95 0 0 0-.915.665l-3.48-.17a1.3 1.3 0 0 0-.025-.45l1.225-.67a.956.956 0 0 0 1.68-.6a.95.95 0 0 0-1.386-.832a.95.95 0 0 0-.454 1.162l-1.18.64a1.3 1.3 0 0 0-1.15-.68a1.29 1.29 0 0 0-1.245 1.66l-2.1.52a1.28 1.28 0 0 0-.4-.75l.43-.52q.111.024.23.025a.95.95 0 0 0 .95-.935a.95.95 0 0 0-.95-.94a.935.935 0 1 0-.535 1.715l-.38.475a1.3 1.3 0 0 0-.83-.145l-.35-2.2a1.285 1.285 0 0 0 1.01-1.25a1.29 1.29 0 0 0-1.3-1.275c-.215 0-.415.05-.595.14l-.975-1.8q.249-.151.415-.385l.85.215v.085a.95.95 0 0 0 1.9 0a.95.95 0 0 0-.95-.94a.95.95 0 0 0-.87.55l-.78-.195c.08-.22.097-.456.05-.685l2.225-1.05a1.305 1.305 0 0 0 2.28-.85c0-.225-.06-.435-.165-.62l1.48-1.4q.189.099.4.13v.64a.944.944 0 0 0-.75.92a.95.95 0 0 0 .95.935a.95.95 0 0 0 .955-.935a.95.95 0 0 0-.835-.935V5.56c.14-.01.27-.045.39-.095l1.64 1.855a1.25 1.25 0 0 0-.225.725a1.29 1.29 0 0 0 .806 1.186c.157.063.325.095.494.094a1.29 1.29 0 0 0 1.225-1.7l.43-.25a.955.955 0 0 0 1.68-.61a.95.95 0 1 0-1.84.34l-.41.235a1.3 1.3 0 0 0-1.95-.255L14.15 5.3c.14-.1.26-.235.35-.39l1.33.27c.11.4.48.7.92.7a.95.95 0 0 0 .95-.94a.95.95 0 0 0-.95-.935a.95.95 0 0 0-.95.85z"/></svg>Cspr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:cspr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:cspr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:cspr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--cspr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:cspr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:cspr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/cspr.svg" alt="Cspr アイコン" width="24" height="24">他のアイコンセットの Cspr アイコン
Cspr アイコン のよくある質問
Cspr アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cspr アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:cspr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cspr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/cspr.svg" alt="Cspr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。