Ser アイコン
cryptocurrency-color:ser
Ser アイコン(cryptocurrency-color:ser)は、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="#6DC6C1"/><g fill="#FFF"><path d="M16 22.651c-3.263 0-5.912-2.589-5.912-5.777c0-3.1 5.352-8.573 5.579-8.803l.28-.288l.288.28c.234.23 5.677 5.704 5.677 8.804c0 3.195-2.65 5.784-5.912 5.784M15.955 8.9a40 40 0 0 0-2.43 2.826c-1.734 2.234-2.65 4.009-2.65 5.14c0 2.76 2.301 5.009 5.125 5.009s5.125-2.25 5.125-5.008c0-1.132-.931-2.907-2.695-5.141A41 41 0 0 0 15.955 8.9"/><path d="M16 24.5c-4.307 0-7.804-3.424-7.804-7.626c0-4.113 5.874-9.853 6.124-10.09a.41.41 0 0 1 .56 0c.151.148.151.4 0 .548c-.06.059-5.89 5.755-5.89 9.542c0 3.78 3.15 6.857 7.018 6.857s7.017-3.077 7.017-6.857c0-1.553-1.03-3.699-2.983-6.221c-1.499-1.93-3.005-3.395-3.02-3.41a.374.374 0 0 1 0-.548a.395.395 0 0 1 .56 0c.257.245 6.238 6.059 6.238 10.18c-.016 4.2-3.513 7.626-7.82 7.626z"/><path d="M16 26.35c-5.238 0-9.5-4.165-9.5-9.284c0-2.115 1.09-4.72 3.232-7.73a34.6 34.6 0 0 1 3.202-3.869a.4.4 0 0 1 .56-.007a.38.38 0 0 1 .008.547a35 35 0 0 0-3.126 3.78c-2.021 2.834-3.089 5.349-3.089 7.28c0 4.69 3.906 8.514 8.713 8.514s8.713-3.817 8.713-8.515c0-1.93-1.075-4.445-3.111-7.279a35 35 0 0 0-3.157-3.78a.38.38 0 0 1 .008-.547a.4.4 0 0 1 .56.007c.265.267 6.487 6.584 6.487 11.6c0 5.118-4.262 9.283-9.5 9.283"/></g></g></svg>Ser アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:ser" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:ser" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:ser" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--ser]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:ser"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:ser"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/ser.svg" alt="Ser アイコン" width="24" height="24">他のアイコンセットの Ser アイコン
Ser アイコン のよくある質問
Ser アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ser アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:ser" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ser アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/ser.svg" alt="Ser アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。