Wall Runner アイコン

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

cbi:wall-runner

Wall Runner アイコン(cbi:wall-runner)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Custom Brand Icons
作者: Emanuele & rchiileea
ライセンス: CC-BY-NC-SA-4.0
サイズ: 24 × 24
タグ: wallrunner

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.457 12.489L15.738 6.99c-.086-.087-.201-.154-.307-.221c-.048-.028-.096-.076-.143-.105a1.6 1.6 0 0 0-.326-.105c-.067-.01-.134-.048-.211-.058c-.048-.01-.105 0-.153-.01c-1.14-.124-2.654.518-3.938 1.811c-.105.105-.201.22-.297.326V6.329a.47.47 0 0 0-.383-.47L4.156 4.614l-1.667-.039a.53.53 0 0 0-.345.135a.45.45 0 0 0-.144.344V18.16c0 .268.211.479.479.479h1.715c.038 0 .076 0 .115-.01l5.69-1.35a.465.465 0 0 0 .364-.47v-1.111h1.39l3.324 3.19c.354.355.843.537 1.418.537c.23 0 .488-.039.747-.096a1 1 0 0 0 .163-.039c.028-.009.057-.009.086-.019c.048-.009.086-.038.134-.048c.144-.048.297-.105.441-.172c.057-.029.115-.048.172-.077c.201-.096.393-.201.594-.325c.038-.029.077-.048.115-.077c.163-.105.335-.23.498-.355c.048-.038.106-.076.154-.124c.191-.163.383-.326.574-.517c.815-.815 1.418-1.773 1.686-2.673c.278-1.016.144-1.868-.402-2.414M6.809 13.504a.47.47 0 0 1-.373-.192a.5.5 0 0 1-.077-.421l.718-2.577l.997.029l-.623 2.213l1.753.019l.987.967Zm14.112 1.121c-.221.757-.738 1.561-1.447 2.27c-1.485 1.485-3.161 1.878-3.736 1.303c-.278-.278-.335-.814-.144-1.456c.22-.757.738-1.561 1.447-2.27s1.513-1.217 2.27-1.447a2.5 2.5 0 0 1 .709-.115c.316 0 .584.086.747.259c.297.278.345.814.154 1.456"/></svg>

Wall Runner アイコンの使い方

React

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

<Icon icon="cbi:wall-runner" width="24" />

Vue

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

<template>
  <Icon icon="cbi:wall-runner" width="24" />
</template>

Svelte

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

<Icon icon="cbi:wall-runner" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--wall-runner]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:wall-runner"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:wall-runner"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/wall-runner.svg" alt="Wall Runner アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Wall Runner アイコンのよくある質問

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンスを採用しており、作者の個別の許可なしに商用利用することはできません。

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

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

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

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

Custom Brand Icons をすべて見る →