ICONYZ
Bahasa Indonesia
Ikon Chevron Down Wide dari Gravity UI Icons

Ikon Chevron Down Wide

gravity-ui:chevron-down-wide

Ikon Chevron Down Wide (gravity-ui:chevron-down-wide) adalah ikon SVG gratis dari set Gravity UI Icons karya YANDEX LLC. Ikon ini digambar pada grid 24 × 24. Gravity UI 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
Gravity UI Icons
Pembuat
YANDEX LLC
Lisensi
MIT
Ukuran
24 × 24
Tag
chevrondown, downwide, chevrondownwide
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.867 6.097a.75.75 0 0 1 1.036-.23L8 9.111l5.097-3.244a.75.75 0 0 1 .806 1.266l-5.5 3.5a.75.75 0 0 1-.806 0l-5.5-3.5a.75.75 0 0 1-.23-1.036" clip-rule="evenodd"/></svg>

Cara memakai ikon Chevron Down Wide

React

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

<Icon icon="gravity-ui:chevron-down-wide" width="24" />

Vue

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

<template>
  <Icon icon="gravity-ui:chevron-down-wide" width="24" />
</template>

Svelte

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

<Icon icon="gravity-ui:chevron-down-wide" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--chevron-down-wide]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:chevron-down-wide"></div>

Web component

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

<iconify-icon icon="gravity-ui:chevron-down-wide"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/gravity-ui/chevron-down-wide.svg" alt="Ikon Chevron Down Wide" width="24" height="24">

Ikon terkait di Gravity UI Icons

Ikon chevron-down
chevron-down
 Ikon chevron-left
chevron-left
 Ikon chevron-right
chevron-right
 Ikon chevron-up
chevron-up
 Ikon chevron-up-wide
chevron-up-wide
 Ikon chevrons-collapse-from-lines
chevrons-collapse-from-lines
 Ikon chevrons-collapse-horizontal
chevrons-collapse-horizontal
 Ikon chevrons-collapse-to-line
chevrons-collapse-to-line
 Ikon chevrons-collapse-up-right
chevrons-collapse-up-right
 Ikon chevrons-collapse-vertical
chevrons-collapse-vertical
 Ikon chevrons-collapse-vertical-to-line
chevrons-collapse-vertical-to-line
 Ikon chevrons-down
chevrons-down
 Ikon chevrons-down-wide
chevrons-down-wide
 Ikon chevrons-expand-from-line
chevrons-expand-from-line
 Ikon chevrons-expand-horizontal
chevrons-expand-horizontal
 Ikon chevrons-expand-to-lines
chevrons-expand-to-lines
 Ikon chevrons-expand-up-right
chevrons-expand-up-right
 Ikon chevrons-expand-vertical
chevrons-expand-vertical
 Ikon chevrons-expand-vertical-from-line
chevrons-expand-vertical-from-line
 Ikon chevrons-left
chevrons-left
 Ikon chevrons-right
chevrons-right
 Ikon chevrons-up
chevrons-up
 Ikon chevrons-up-wide
chevrons-up-wide

FAQ Ikon Chevron Down Wide

Apakah ikon Chevron Down Wide gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Chevron Down Wide di React?

Pasang @iconify/react lalu render <Icon icon="gravity-ui:chevron-down-wide" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Chevron Down Wide ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/gravity-ui/chevron-down-wide.svg" alt="Ikon Chevron Down Wide">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Gravity UI Icons →