Runway icon

thesvg-color:runway

The Runway icon (thesvg-color:runway) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 300 × 300 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: 300 × 300

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><g clip-path="url(#SVGDTtXObki)"><path fill="#fefefe" d="M212.486 105.22c3.768 11.718 2.775 22.422-5.034 32.092c-3.509 4.346-8.479 7.173-18.322 9.693c2.44 2.274 4.679 4.237 6.776 6.342c4.054 4.07 8.08 8.171 12.026 12.346c9.222 9.758 8.872 23.853 2.609 35c-8.27 14.719-29.35 19.494-42.061 8.545c-6.059-5.219-11.747-10.87-17.576-16.354c-1.171-1.102-2.223-2.331-3.497-3.679c-1.006 3.106-1.656 6.037-2.87 8.713c-6.762 14.904-25.839 20.939-41.384 13.28c-10.554-5.201-15.493-14.111-15.66-25.366c-.34-23.142-.233-46.293-.054-69.439c.12-15.555 12.806-28.907 28.327-29.172c23.682-.406 47.38-.349 71.065-.008c12.171.175 20.797 6.435 25.655 18.007m-87.476 2.866c-3.891-3.054-8.135-4.151-12.686-1.743c-4.601 2.435-6.749 6.295-6.721 11.66c.117 22.146.022 44.292.095 66.438c.007 2.001.274 4.176 1.09 5.964c2.228 4.877 8.204 7.267 13.81 5.876c5.361-1.331 8.503-5.412 8.506-11.17c.014-22.472-.042-44.944.054-67.416c.016-3.744-1.143-6.757-4.148-9.609m25.432 38.76l-3.052.145c0 5.279-.054 10.367.053 15.452c.018.848.54 1.87 1.154 2.492c9.438 9.566 18.845 19.167 28.486 28.525c1.738 1.688 4.39 2.935 6.795 3.331c4.901.808 9.853-2.478 12.266-7.365c2.013-4.078 1.065-9.091-2.594-12.82c-8.287-8.444-16.714-16.752-24.907-25.285c-3.206-3.34-6.614-5.283-11.384-4.528c-2.014.319-4.121.053-6.817.053m18.797-41.804h-23.291l1.957 23.844c12.271 0 24.621.031 36.971-.011c7.334-.026 11.98-4.774 11.936-12.051c-.042-6.927-4.895-11.729-11.955-11.775c-4.988-.033-9.977-.007-15.618-.007"/><path fill="#000" d="M125.184 108.249c2.831 2.689 3.99 5.702 3.974 9.446c-.096 22.472-.04 44.944-.054 67.416c-.003 5.758-3.145 9.839-8.506 11.17c-5.606 1.391-11.582-.999-13.81-5.876c-.816-1.788-1.083-3.963-1.09-5.964c-.073-22.146.022-44.292-.095-66.438c-.028-5.365 2.12-9.225 6.721-11.66c4.551-2.408 8.795-1.311 12.86 1.906m25.574 38.597c2.38 0 4.487.266 6.501-.053c4.77-.755 8.178 1.188 11.384 4.528c8.193 8.533 16.62 16.841 24.907 25.285c3.659 3.729 4.607 8.742 2.594 12.82c-2.413 4.887-7.365 8.173-12.266 7.365c-2.405-.396-5.057-1.643-6.795-3.331c-9.641-9.358-19.048-18.959-28.486-28.525c-.614-.622-1.136-1.644-1.154-2.492c-.107-5.085-.053-10.173-.053-15.452c1.163-.055 2.108-.1 3.368-.145m18.807-41.804c5.315 0 10.304-.026 15.292.007c7.06.046 11.913 4.848 11.955 11.775c.045 7.277-4.602 12.025-11.936 12.051c-12.35.042-24.7.011-36.971.011l-1.957-23.844z"/><path fill="#000" d="M137.645 300H0V0h300v300zm74.144-195.702c-4.75-11.344-13.379-17.604-25.555-17.78c-23.694-.34-47.401-.397-71.093.008c-15.528.266-28.219 13.62-28.339 29.179c-.178 23.15-.286 46.306.055 69.452c.167 11.257 5.107 20.169 15.666 25.371c15.551 7.66 34.635 1.624 41.4-13.283c1.214-2.676 1.865-5.608 2.871-8.715c1.275 1.349 2.327 2.578 3.499 3.68c5.831 5.485 11.521 11.138 17.583 16.358c12.716 10.95 33.804 6.175 42.077-8.547c6.265-11.15 6.616-25.247-2.61-35.007c-3.947-4.176-7.974-8.278-12.031-12.348c-2.097-2.105-4.337-4.069-6.778-6.343c9.846-2.521 14.818-5.349 18.329-9.695c7.812-9.672 8.805-20.378 4.926-32.33"/></g><defs><clipPath id="SVGDTtXObki"><path fill="#fff" d="M0 0h300v300H0z"/></clipPath></defs></g></svg>

How to use the Runway icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Runway icon FAQ

Is the Runway 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 Runway icon in React?

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

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

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

Browse all theSVG Color icons →