Ikon Runway
thesvg-color:runway
Ikon Runway (thesvg-color:runway) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 300 × 300. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 300 × 300
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/runway.svg" alt="Ikon Runway" width="24" height="24">FAQ Ikon Runway
Apakah ikon Runway gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Runway di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:runway" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Runway ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/runway.svg" alt="Ikon Runway">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.