ICONYZ
日本語
Web3 Icons の Srm アイコン

Srm アイコン

token:srm

Srm アイコン(token:srm)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Web3 Icons
作者
0xa3k5
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.823c-2.581 0-4.674-2.217-4.674-4.95c0-2.66 4.22-7.352 4.395-7.537l.21-.258l.209.258c.174.185 4.5 4.877 4.5 7.536c.035 2.734-2.058 4.95-4.64 4.95m-.035-11.785c-.383.443-1.15 1.33-1.918 2.438c-1.36 1.921-2.093 3.436-2.093 4.396c0 2.365 1.814 4.285 4.046 4.285s4.047-1.92 4.047-4.285c0-.96-.733-2.475-2.128-4.396c-.768-1.071-1.57-1.995-1.954-2.438"/><path fill="currentColor" d="M12 19.413c-3.418 0-6.174-2.919-6.174-6.54c0-3.509 4.64-8.422 4.849-8.644a.35.35 0 0 1 .453 0a.405.405 0 0 1 0 .48c-.07.037-4.674 4.914-4.674 8.165S8.93 18.747 12 18.747s5.547-2.622 5.547-5.873c0-1.33-.803-3.178-2.337-5.32a31 31 0 0 0-2.372-2.919c-.14-.11-.14-.332 0-.48c.104-.148.313-.148.453 0c.21.222 4.919 5.209 4.919 8.719c-.035 3.62-2.791 6.539-6.21 6.539"/><path fill="currentColor" d="M12 21c-4.116 0-7.5-3.584-7.5-7.943c0-1.81.872-4.027 2.547-6.613A31.5 31.5 0 0 1 9.593 3.12c.105-.147.314-.147.454 0c.14.112.14.333 0 .48c0 0-1.256 1.368-2.477 3.252c-1.605 2.438-2.442 4.581-2.442 6.244c0 4.026 3.105 7.277 6.872 7.277s6.872-3.325 6.872-7.315c0-1.662-.837-3.805-2.442-6.243c-1.22-1.847-2.476-3.214-2.476-3.25a.405.405 0 0 1 0-.48a.35.35 0 0 1 .453 0c.175.257 5.093 5.65 5.093 9.974C19.5 17.415 16.151 21 12 21"/></svg>

Srm アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token:srm" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:srm" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:srm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--srm]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:srm"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:srm"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/srm.svg" alt="Srm アイコン" width="24" height="24">

他のアイコンセットの Srm アイコン

Srm アイコン のよくある質問

Srm アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Srm アイコンを使うには?

@iconify/react をインストールして <Icon icon="token:srm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Srm アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/srm.svg" alt="Srm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons をすべて見る →