Motionleap アイコン
arcticons:motionleap
Motionleap アイコン(arcticons:motionleap)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.564 25.969c-.723 0-1.2-.052-2.865-.581c-3.961-1.26-8.164-7.027-7.074-10.33c-.814-2.31-.624-3.359.57-5.92c1.634 4.822 6.69 5.393 6.503 10.136c-.034.862-.14 2.056-.336 2.802c1.647.214 3.201 1.496 3.201 1.496s1.555-1.282 3.202-1.496c-.196-.746-.303-1.94-.337-2.802c-.187-4.743 5.74-6.078 8.199-9.377c1.194 2.561.421 4.002-1.125 5.161c1.09 3.303-3.113 9.07-7.074 10.33c-1.664.529-2.142.58-2.865.58Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.196 9.138c3.654.383 4.84 2.055 4.84 2.055c1.054-.808 1.958-1.37 4.527-1.37s3.474.562 4.528 1.37c0 0 2.882-.913 6.536-1.296m-1.125 5.161c.14 7.888-4.286 11.156-14.3 15.688S9.351 41.497 14.2 43.5c4.005-7.642 20.8-12.192 16.302-28.442"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.65 33.653c-4.235-4.762-4.17-14.16-1.025-18.595c-.905 4.91-.564 10.63 4.088 16.426m8.28-21.404c2.362-1.592 11.005-1.118 15.31-5.58c1.826 2.16 3.39 6.57-6.782 9.592m-3.215 1.373c.597.65 1.353 3.197-3.215 4.498c-.281-2.074 1.405-5.148 3.215-4.498m-2.394 1.232l.549.806m-13.967-2.269c-.597.65-1.353 3.197 3.215 4.497c.281-2.073-1.405-5.147-3.215-4.497m2.394 1.232l-.549.806"/></svg>Motionleap アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:motionleap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:motionleap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:motionleap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--motionleap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:motionleap"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:motionleap"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/motionleap.svg" alt="Motionleap アイコン" width="24" height="24">Motionleap アイコン のよくある質問
Motionleap アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Motionleap アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:motionleap" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Motionleap アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/motionleap.svg" alt="Motionleap アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。