ICONYZ
Español
Icono Wall Runner de Custom Brand Icons

Icono Wall Runner

cbi:wall-runner

El icono Wall Runner (cbi:wall-runner) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Custom Brand Icons
Autor
Emanuele & rchiileea
Licencia
CC-BY-NC-SA-4.0
Tamaño
24 × 24
Etiquetas
wallrunner
Descargar SVG

Código 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>

Cómo usar el icono 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 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>

Imagen HTML

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

Iconos relacionados en Custom Brand Icons

Preguntas frecuentes sobre Icono Wall Runner

¿El icono Wall Runner es gratis para uso comercial?

No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.

¿Cómo uso el icono Wall Runner en React?

Instala @iconify/react y renderiza <Icon icon="cbi:wall-runner" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Wall Runner a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/wall-runner.svg" alt="Icono Wall Runner">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Custom Brand Icons →