Ikon Route Outline
glyphs:route-outline
Ikon Route Outline (glyphs:route-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- routeoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M50 19.967C50 14.462 54.459 9.91 60 9.91s10 4.551 10 10.056A10.13 10.13 0 0 1 68.007 26l-6.17 8.291A2 2 0 0 1 60 35.5H45a6.5 6.5 0 1 0 0 13h6.5C57.299 48.5 62 53.201 62 59s-4.701 10.5-10.5 10.5H20a2 2 0 0 1-1.846-1.23l-6.184-8.502A10.3 10.3 0 0 1 10 53.709v-.3c0-5.523 4.477-10 10-10s10 4.477 10 10v.3a10.3 10.3 0 0 1-1.97 6.059L23.86 65.5H51.5a6.5 6.5 0 0 0 0-13H45c-5.799 0-10.5-4.701-10.5-10.5S39.201 31.5 45 31.5h11.085L51.992 26A10.13 10.13 0 0 1 50 19.968M60 30.06l4.799-6.448A6.13 6.13 0 0 0 66 19.967c0-3.332-2.705-6.056-6-6.056s-6 2.724-6 6.056c0 1.311.424 2.601 1.201 3.646zM20 64.008l4.795-6.593A6.3 6.3 0 0 0 26 53.71v-.3a6 6 0 0 0-12 0v.3a6.3 6.3 0 0 0 1.205 3.706zm40.794-45.642l-.108-.05a1.64 1.64 0 0 0-1.372 0l-.108.05a1.388 1.388 0 0 0-.486 2.147l.035.041c.284.342.705.54 1.15.54h.19c.445 0 .866-.198 1.15-.54l.035-.04a1.388 1.388 0 0 0-.486-2.148m-3.158-3.68a5.64 5.64 0 0 1 4.728 0l.109.05a5.388 5.388 0 0 1 1.883 8.334l-.034.04a5.5 5.5 0 0 1-4.227 1.984h-.19a5.5 5.5 0 0 1-4.227-1.983l-.034-.041a5.388 5.388 0 0 1 1.883-8.335zM19.309 51.923l-.048.022c-.416.197-.72.573-.824 1.022a1.53 1.53 0 0 0 .305 1.3c.3.37.754.584 1.215.584h.085a1.58 1.58 0 0 0 1.215-.584c.298-.367.41-.854.306-1.3a1.5 1.5 0 0 0-.824-1.022l-.048-.023a1.62 1.62 0 0 0-1.382 0m-1.71-3.617a5.62 5.62 0 0 1 4.803 0l.048.023a5.5 5.5 0 0 1 3.01 3.732a5.53 5.53 0 0 1-1.097 4.727a5.58 5.58 0 0 1-4.32 2.063h-.085a5.58 5.58 0 0 1-4.32-2.063a5.53 5.53 0 0 1-1.097-4.727a5.5 5.5 0 0 1 3.01-3.732z" clip-rule="evenodd"/></svg>Cara memakai ikon Route Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:route-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:route-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:route-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--route-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:route-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:route-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/route-outline.svg" alt="Ikon Route Outline" width="24" height="24">Ikon terkait di Glyphs
Ikon Route Outline di set ikon lain
FAQ Ikon Route Outline
Apakah ikon Route Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Route Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:route-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Route Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/route-outline.svg" alt="Ikon Route Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.