Runna icon

thesvg-color:runna

The Runna icon (thesvg-color:runna) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 704 × 221 grid. theSVG Color icons are released under the MIT 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: theSVG Color
Author: thesvg.org
License: MIT
Size: 704 × 221

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="704" height="221" viewBox="0 0 704 221"><mask id="SVGyS5OnbhG" width="704" height="221" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M703.388 0H0v220.702h703.388z"/></mask><g mask="url(#SVGyS5OnbhG)"><path d="M265.15 96.462v70.858c0 30.913-23.751 53.346-59.824 53.346s-58.556-22.438-58.556-52.61V96.462h39.995v67.804c0 12.048 8.001 20.034 18.531 20.034c11.955 0 19.828-7.857 19.828-20.034V96.462zm103.774 121.675v-67.681c0-13.561-10.807-20.033-20.446-20.033s-20.322 6.472-20.322 20.033v67.681H288.16V96.461h36.695l1.267 12.79c8.65-10.91 23.381-15.349 37.715-15.349c22.979 0 45.092 16.09 45.092 45.119v79.085h-39.995v.031zm144.053 0v-67.681c0-13.561-10.812-20.033-20.444-20.033c-9.636 0-20.324 6.472-20.324 20.033v67.681h-39.996V96.461h36.692l1.264 12.79c8.652-10.91 23.384-15.349 37.716-15.349c22.98 0 45.092 16.09 45.092 45.119v79.085h-39.996zm151.684.006l-1.268-12.79c-6.98 8.629-18.808 15.348-35.952 15.348c-32.52 0-56.396-26.876-56.396-63.242s23.876-63.49 56.396-63.49c17.14 0 28.972 6.843 35.952 15.349l1.268-12.79h38.728v121.676h-38.728zm-53.992-60.715c0 16.487 10.808 28.015 26.288 28.015c15.476 0 26.284-11.528 26.284-28.015c0-16.486-10.808-27.891-26.284-28.014c-15.504 0-26.288 11.528-26.288 28.014M119.835 53.81c14.89 0 26.964-12.049 26.964-26.908S134.725 0 119.835 0S92.871 12.048 92.871 26.908c0 14.859 12.074 26.907 26.964 26.907zM89.226 160.718c18.284-10.786 30.857-30.789 30.857-53.104c0-36.366-28.447-61.61-65.663-61.61H.74l27.087 35.104h23.69c15.379 0 25.79 10.509 25.79 26.475c0 9.649-4.201 18.031-11.518 22.686l-17.511-22.686H-.002l83.266 110.395h50.159l-44.197-57.296z"/><path fill-opacity=".6" d="M438.035 44.279q-2.132-1.196-3.196-3.28h-.16v3.676h-4.48V6.307h4.532v14.55h.16c.708-1.385 1.764-2.471 3.172-3.249a9.2 9.2 0 0 1 4.556-1.174q3.414 0 6.024 1.761c1.74 1.174 3.084 2.863 4.024 5.061c.944 2.204 1.412 4.763 1.412 7.677q-.001 4.371-1.412 7.677t-3.968 5.087q-2.556 1.785-6.024 1.786a9.33 9.33 0 0 1-4.64-1.2zm9.216-5.73q2.131-2.826 2.132-7.62q-.001-3.197-.956-5.546c-.64-1.565-1.544-2.76-2.72-3.6c-1.172-.833-2.508-1.25-3.996-1.25s-2.868.401-4.024 1.2q-1.734 1.197-2.964 3.701v11.034c.82 1.673 1.804 2.904 2.964 3.702q1.73 1.199 4.024 1.2c2.276 0 4.12-.942 5.548-2.827zm11.073 15.136v-4.104c.748.32 1.532.48 2.344.48c.956 0 1.788-.268 2.476-.799c.696-.535 1.288-1.37 1.788-2.507l2.824-6.555l.052 3.677l-11.564-26.65h5.12l5.968 14.761q.475 1.281.956 2.585t.908 2.584h.208q.16-.64.536-1.652q.641-1.708 1.336-3.517l5.756-14.761h5.06L469.244 47.66q-1.01 2.4-2.128 3.836c-.748.958-1.592 1.663-2.536 2.106q-1.411.663-3.38.664c-1.068 0-2.024-.196-2.88-.587z"/><path d="M500.695 43.749c-3.34-1.081-6.2-2.657-8.584-4.716l6.772-7.996a20.8 20.8 0 0 0 6.344 3.33a22.5 22.5 0 0 0 6.928 1.093q1.655-.002 2.452-.428q.802-.424.8-1.174v-.108c0-.566-.368-1.02-1.092-1.36c-.732-.339-2.124-.72-4.188-1.147q-5.01-1.011-8.364-2.292q-3.359-1.28-5.464-3.65c-1.408-1.58-2.108-3.614-2.108-6.101v-.108c0-2.415.624-4.583 1.864-6.503q1.868-2.88 5.488-4.531c2.416-1.102 5.316-1.653 8.688-1.653q5.438 0 9.616 1.251c2.792.834 5.284 2.121 7.488 3.867l-6.128 8.526a18.7 18.7 0 0 0-5.568-2.796q-3.014-.933-5.836-.931c-.892 0-1.568.144-2.052.427c-.48.283-.724.659-.724 1.117v.108q0 .803 1.068 1.334c.708.355 2.044.73 3.996 1.117c5.364.958 9.404 2.338 12.124 4.13c2.72 1.796 4.076 4.448 4.076 7.97v.108c0 2.63-.684 4.901-2.052 6.822q-2.057 2.878-5.836 4.397q-3.781 1.52-8.9 1.519c-3.872 0-7.48-.54-10.816-1.627zm40.188-26.037h-11.14V7.105h34.912v10.607h-11.088V44.68h-12.684zm27.076-10.607h18.444c6.184 0 10.744 1.421 13.696 4.263c1.136 1.174 1.984 2.477 2.556 3.919c.568 1.436.856 3.12.856 5.035v.108c0 2.667-.64 4.964-1.92 6.905c-1.276 1.936-3.112 3.475-5.488 4.608l7.408 10.766l19.4-37.2l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-25.636l-7.092-10.715h-2.716v10.715h-12.632zm21.692 16.95c.856-.639 1.276-1.545 1.276-2.719v-.108q-.002-1.76-1.276-2.693c-.856-.623-2.044-.931-3.572-.931h-5.492v7.409h5.44c1.564 0 2.768-.32 3.624-.958m42.848-17.001h13.536l6.872 13.695l6.876-13.695h13.592l-20.468 39.172l-20.412-39.172zm50.42-1.55l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-13.536l20.416-39.172z"/></g></svg>

How to use the Runna icon

React

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

<Icon icon="thesvg-color:runna" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:runna" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:runna" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--runna]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:runna"></div>

Web component

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

<iconify-icon icon="thesvg-color:runna"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="Runna icon" width="24" height="24">

Runna icon in other icon sets

Runna icon FAQ

Is the Runna icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Runna icon in React?

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

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

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

Browse all theSVG Color icons →