Runable icon

logos:runable

The Runable icon (logos:runable) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 232 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 232

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="232" viewBox="0 0 256 232"><path d="M173.659 231.245c20.485 0 37.09-16.609 37.09-37.094s-16.605-37.09-37.09-37.09c-13.603 0-25.5 7.325-31.953 18.243l-.857 1.02c-6.822 8.132-19.342 8.107-26.133-.049l-1.104-1.323c-6.499-10.723-18.284-17.89-31.741-17.89c-20.485 0-37.09 16.605-37.09 37.09c0 20.484 16.605 37.093 37.09 37.093c13.276 0 24.925-6.976 31.48-17.462l1.48-1.745c6.787-7.968 19.088-7.992 25.9-.045l1.23 1.431c6.508 10.685 18.269 17.82 31.698 17.82m-58.546-175.6c10.242-17.741 4.165-40.427-13.576-50.67C83.797-5.266 61.111.812 50.87 18.552c-6.802 11.782-6.405 25.747-.174 36.797l.452 1.247c3.633 9.974-2.65 20.805-13.108 22.61l-1.7.295c-12.537.268-24.636 6.889-31.364 18.542c-10.243 17.74-4.162 40.426 13.579 50.668c17.74 10.243 40.422 4.165 50.665-13.575c6.638-11.496 6.422-25.068.62-35.986l-.77-2.163c-3.51-9.862 2.622-20.526 12.91-22.452l1.853-.348c12.51-.296 24.57-6.913 31.28-18.542m71.665 79.49c10.246 17.74 32.928 23.818 50.668 13.575c17.74-10.242 23.822-32.928 13.58-50.668c-6.806-11.782-19.096-18.42-31.78-18.549l-1.306-.233c-10.455-1.842-16.695-12.694-13.028-22.658l.599-1.62c6.032-10.99 6.345-24.778-.38-36.431C194.89.811 172.203-5.267 154.463 4.976c-17.74 10.242-23.818 32.928-13.576 50.668c6.635 11.496 18.5 18.096 30.856 18.528l2.257.414c10.295 1.891 16.462 12.534 12.99 22.407l-.627 1.777c-6 10.98-6.3 24.733.415 36.365"/></svg>

How to use the Runable icon

React

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

<Icon icon="logos:runable" width="24" />

Vue

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

<template>
  <Icon icon="logos:runable" width="24" />
</template>

Svelte

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

<Icon icon="logos:runable" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--runable]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:runable"></div>

Web component

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

<iconify-icon icon="logos:runable"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/runable.svg" alt="Runable icon" width="24" height="24">

Runable icon FAQ

Is the Runable icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Runable icon in React?

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

How do I add the Runable icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/runable.svg" alt="Runable icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →