Ícone Runway

thesvg-color:runway

O ícone Runway (thesvg-color:runway) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 300 × 300. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: theSVG Color
Autor: thesvg.org
Licença: MIT
Tamanho: 300 × 300

Baixar SVG

Código SVG

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

Como usar o ícone Runway

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>

Imagem HTML

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

Perguntas frequentes sobre Ícone Runway

O ícone Runway é grátis para uso comercial?

Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Runway no React?

Instale @iconify/react e renderize <Icon icon="thesvg-color:runway" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Runway a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/runway.svg" alt="Ícone Runway">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones theSVG Color →