Movr アイコン
token:movr
Movr アイコン(token:movr)は、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="M19.358 11.31a7.413 7.413 0 1 0-14.693.174A5.98 5.98 0 0 1 8.663 9.88c1.52.027 2.995.52 4.225 1.413a5.3 5.3 0 0 0 3.643 1.049c1.297-.154 2.276-.657 2.822-1.038zM6.175 14.117c0-.25.239-.53.53-.53s.53.28.53.53v2.636c0 .25-.239.54-.53.54s-.53-.29-.53-.54zm4.766-.53c0-.243.238-.53.529-.53s.53.287.53.53v2.648c0 .243-.239.529-.53.529s-.53-.286-.53-.53zm1.588 1.06c0-.229.238-.53.53-.53c.29 0 .529.301.529.53v.529c0 .227-.238.529-.53.529c-.29 0-.53-.302-.53-.53zm4.765.529c0-.27.238-.53.53-.53c.29 0 .529.26.529.53v1.588c0 .27-.238.53-.53.53a.545.545 0 0 1-.53-.53zm-9.53-1.589c0-.238.238-.53.53-.53c.29 0 .529.292.529.53v3.733c0 .238-.239.503-.53.503s-.53-.265-.53-.503zm6.353 1.589a.55.55 0 0 1 .53-.53a.55.55 0 0 1 .53.53v4.235a.55.55 0 0 1-.53.53a.55.55 0 0 1-.53-.53zm1.588.529c0-.243.239-.53.53-.53s.53.287.53.53v3.177c0 .243-.239.53-.53.53s-.53-.287-.53-.53zm-6.353-2.647c0-.249.238-.53.53-.53c.29 0 .529.281.529.53v7.412c0 .25-.238.53-.53.53c-.29 0-.529-.28-.529-.53z"/><path fill="currentColor" d="M9.172 11.89a5.2 5.2 0 0 0-3.797 1.346a.48.48 0 0 1-.672-.053a.46.46 0 0 1 .053-.657a6.14 6.14 0 0 1 7.042-.847q.51.29.958.667l.265.196c.625.424 1.662.9 2.912.91c1.197.011 2.24-.666 2.716-1.016a.48.48 0 0 1 .667.09a.463.463 0 0 1-.095.657c-.498.37-1.763 1.218-3.299 1.207a6.4 6.4 0 0 1-3.441-1.075l-.355-.265l-.159-.127a4.96 4.96 0 0 0-2.795-1.037z"/></svg>Movr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:movr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:movr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:movr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--movr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:movr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:movr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/movr.svg" alt="Movr アイコン" width="24" height="24">他のアイコンセットの Movr アイコン
Movr アイコン のよくある質問
Movr アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Movr アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:movr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Movr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/movr.svg" alt="Movr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。