Ikon Navigation Arrow

tdesign:navigation-arrow

Ikon Navigation Arrow (tdesign:navigation-arrow) adalah ikon SVG gratis dari set TDesign Icons karya TDesign. Ikon ini digambar pada grid 24 × 24. TDesign 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: TDesign Icons
Pembuat: TDesign
Lisensi: MIT
Ukuran: 24 × 24
Tag: navigationarrow

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="m12 4l8 16l-8-2.5L4 20z"/><path stroke="currentColor" stroke-width="2" d="m12 4l8 16l-8-2.5L4 20z"/></g></svg>

Cara memakai ikon Navigation Arrow

React

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

<Icon icon="tdesign:navigation-arrow" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:navigation-arrow" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:navigation-arrow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--navigation-arrow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:navigation-arrow"></div>

Web component

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

<iconify-icon icon="tdesign:navigation-arrow"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/tdesign/navigation-arrow.svg" alt="Ikon Navigation Arrow" width="24" height="24">

Ikon terkait di TDesign Icons

Ikon Navigation Arrow di set ikon lain

FAQ Ikon Navigation Arrow

Apakah ikon Navigation Arrow gratis untuk penggunaan komersial?

Ya. TDesign Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Navigation Arrow di React?

Pasang @iconify/react lalu render <Icon icon="tdesign:navigation-arrow" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Navigation Arrow ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/tdesign/navigation-arrow.svg" alt="Ikon Navigation Arrow">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua TDesign Icons →