Ikon Arrow Turn

glyphs:arrow-turn

Ikon Arrow Turn (glyphs:arrow-turn) 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: arrowturn

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.343 29H19.657c-2.088 0-3.133-2.524-1.657-4l9.879-9.88a3 3 0 0 1 4.242 0l9.88 9.88c1.475 1.476.43 4-1.658 4M30 29v10c0 15.464 12.536 28 28 28h8"/></svg>

Cara memakai ikon Arrow Turn

React

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

<Icon icon="glyphs:arrow-turn" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:arrow-turn" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:arrow-turn" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="glyphs:arrow-turn"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/glyphs/arrow-turn.svg" alt="Ikon Arrow Turn" width="24" height="24">

Ikon terkait di Glyphs

Ikon Arrow Turn di set ikon lain

FAQ Ikon Arrow Turn

Apakah ikon Arrow Turn gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Arrow Turn di React?

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

Bagaimana cara menambahkan ikon Arrow Turn ke halaman web?

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

Lihat semua Ikon Glyphs →