Sonic Runners アイコン

Q: Sonic Runners アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:sonic-runners

Sonic Runners アイコン(arcticons:sonic-runners)は、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
タグ: sonicrunners、runner

SVG をダウンロード

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="M35.124 43.193H8.076c-2.216 0-4-1.784-4-4v-29c0-2.216 1.784-4 4-4h5.186m13.755 0h10.059c2.216 0 4 1.784 4 4v17.186"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.076 28.964c.84 1.572 2.194 1.657 3.117-.208c3.886 2.938 8.162 4.3 13.043 3.213a65 65 0 0 1 9.532 4.834c-.885 1.602-.788 1.933 1.56 3.274c.461.25.989.352 1.51.29a25.4 25.4 0 0 0 3.104 3.66a1.727 1.727 0 0 0 2.684-.121c8.328-8.493 4.755-16.256 3.12-16.507c-3.2-.492-4.35 4.77-4.35 4.77a4.9 4.9 0 0 0-1.603 1.56c-1.187-.631-2.196-1.97-3.438-1.702c-.622.146-1.168 1.292-1.168 1.292c-1.816-.927-3.633-1.853-5.594-2.664a3.436 3.436 0 0 0 2.154-3.573a8.5 8.5 0 0 0 5.398-.608c4.4 2.306 5.722-2.957.91-1.974c3.764-2.394 3.328-6.3 1.99-9.421c.723-.984 1.998-2.272-1.318-2.414c.405-3.092 1.159-4.45-2.897-3.081c-7.972-6.738-15.192-7.166-20.298-5.101a16.4 16.4 0 0 0 3.005 2.69a15.97 15.97 0 0 0-9.802 5.129c3.582.628 6.531.974 9.376 1.706a27.6 27.6 0 0 0-3.856 2.124c-3.217 1.37-2.52 3.3-2.777 5.094c-.971-1.807-1.855-3.753-3.402-4.655"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.476 26.347a12.9 12.9 0 0 0-5.893-2.62c-.968 1.25-2.325 1.128-3.884.296a4.125 4.125 0 0 1-5.718.841c-1.084-.873-1.713-1.191-1.979-2.125c-.11-.39-.378-1.046.476-1.513c-1.138-2.148.622-3.475 2.008-4.32c.802-.49 2.128-.002 3.063.33c.961.468 1.857 1.06 2.665 1.76c2.276-.437 3.746.288 4.209 2.467a24 24 0 0 1 5.52 3.788"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.872 24.777a6 6 0 0 1-.26 1.093c2.243 2.28 7.352 3.735 10.209 3.735a18.3 18.3 0 0 1 3.324-4.71M14.537 7.174c3.407-.36 6.82-.693 10.866 1.4m-11.292 5.434a78 78 0 0 1 7.887 2.521c-3.009-.04-5.955.02-7.987 1.54m20.875-8.727a9.47 9.47 0 0 0-3.798 3.435"/></svg>

Sonic Runners アイコンの使い方

React

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

<Icon icon="arcticons:sonic-runners" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:sonic-runners" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:sonic-runners" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--sonic-runners]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:sonic-runners"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:sonic-runners"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/sonic-runners.svg" alt="Sonic Runners アイコン" width="24" height="24">

Arcticons の関連アイコン

Sonic Runners アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →