Wall Runner icon

cbi:wall-runner

The Wall Runner icon (cbi:wall-runner) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: wallrunner

Download SVG

SVG code

<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>

How to use the Wall Runner icon

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 component

<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 image

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

Related icons in Custom Brand Icons

Wall Runner icon FAQ

Is the Wall Runner icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Wall Runner icon in React?

Install @iconify/react and render <Icon icon="cbi:wall-runner" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Wall Runner icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/wall-runner.svg" alt="Wall Runner icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →