Pre アイコン
cryptocurrency-color:pre
Pre アイコン(cryptocurrency-color:pre)は、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="#3A8CBD"/><g fill="#FFF"><path d="M13.47 18.045h1.678a3.2 3.2 0 0 0 1.387-.308c.41-.203.776-.484 1.077-.828c.299-.356.53-.763.684-1.201a3.9 3.9 0 0 0 .248-1.388a3.4 3.4 0 0 0-.27-1.346a4.1 4.1 0 0 0-.724-1.18a3.6 3.6 0 0 0-1.098-.848a3 3 0 0 0-1.384-.332h-4.41v10.703h2.816zm0-4.846h1.427a.77.77 0 0 1 .518.249c.166.165.27.456.27.911s-.103.725-.25.872c-.123.145-.289.248-.475.248h-1.49z"/><path d="M7.023 8.03v15.888c0 .57.461 1.03 1.03 1.03h15.888c.569 0 1.03-.46 1.03-1.03V8.03a1.03 1.03 0 0 0-1.03-1.031H8.053a1.03 1.03 0 0 0-1.03 1.03zm14.803 14.804h-11.68a1.03 1.03 0 0 1-1.031-1.03v-11.68a1.03 1.03 0 0 1 1.031-1.031h11.68c.57 0 1.03.461 1.03 1.03v11.68c0 .57-.46 1.031-1.03 1.031"/><path d="M14.733 19.309h6.607v2.03h-6.607z"/></g></g></svg>Pre アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:pre" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:pre" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:pre" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--pre]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:pre"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:pre"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/pre.svg" alt="Pre アイコン" width="24" height="24">他のアイコンセットの Pre アイコン
Pre アイコン のよくある質問
Pre アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pre アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:pre" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pre アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/pre.svg" alt="Pre アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。