Runway ikonu

thesvg-color:runway

Runway ikonu (thesvg-color:runway), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 300 × 300 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: theSVG Color
Yazar: thesvg.org
Lisans: MIT
Boyut: 300 × 300

SVG indir

SVG kodu

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

Runway ikonu nasıl kullanılır

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 bileşeni

<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 görseli

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

Runway ikonu: sık sorulan sorular

Runway ikonu ticari kullanım için ücretsiz mi?

Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Runway ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="thesvg-color:runway" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Runway ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/runway.svg" alt="Runway ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →