ICONYZ
Português (Brasil)
Ícone Chevrons Down de Gravity UI Icons

Ícone Chevrons Down

gravity-ui:chevrons-down

O ícone Chevrons Down (gravity-ui:chevrons-down) é um ícone SVG gratuito da coleção Gravity UI Icons de YANDEX LLC. Ele é desenhado em uma grade de 24 × 24. Gravity UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Gravity UI Icons
Autor
YANDEX LLC
Licença
MIT
Tamanho
24 × 24
Tags
chevronsdown, chevron
Baixar SVG

Código 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="M5.03 3.47a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 0 0-1.06-1.06L8 6.44zm0 5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 0 0-1.06-1.06L8 11.44z" clip-rule="evenodd"/></svg>

Como usar o ícone Chevrons Down

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/gravity-ui/chevrons-down.svg" alt="Ícone Chevrons Down" width="24" height="24">

Ícones relacionados em Gravity UI Icons

Ícone chevrons-collapse-from-lines
chevrons-collapse-from-lines
 Ícone chevrons-collapse-horizontal
chevrons-collapse-horizontal
 Ícone chevrons-collapse-to-line
chevrons-collapse-to-line
 Ícone chevrons-collapse-up-right
chevrons-collapse-up-right
 Ícone chevrons-collapse-vertical
chevrons-collapse-vertical
 Ícone chevrons-collapse-vertical-to-line
chevrons-collapse-vertical-to-line
 Ícone chevrons-down-wide
chevrons-down-wide
 Ícone chevrons-expand-from-line
chevrons-expand-from-line
 Ícone chevrons-expand-horizontal
chevrons-expand-horizontal
 Ícone chevrons-expand-to-lines
chevrons-expand-to-lines
 Ícone chevrons-expand-up-right
chevrons-expand-up-right
 Ícone chevrons-expand-vertical
chevrons-expand-vertical
 Ícone chevrons-expand-vertical-from-line
chevrons-expand-vertical-from-line
 Ícone chevrons-left
chevrons-left
 Ícone chevrons-right
chevrons-right
 Ícone chevrons-up
chevrons-up
 Ícone chevrons-up-wide
chevrons-up-wide

O ícone Chevrons Down em outras coleções

Ícone Chevrons Down de Lucide
Lucide
 Ícone Chevrons Down de Tabler Icons
Tabler Icons
 Ícone Chevrons Down de BoxIcons v2
BoxIcons v2
 Ícone Chevrons Down de BoxIcons v2 Solid
BoxIcons v2 Solid
 Ícone Chevrons Down de Boxicons
Boxicons
 Ícone Chevrons Down de Charm Icons
Charm Icons
 Ícone Chevrons Down de Feather Icons
Feather Icons
 Ícone Chevrons Down de Huge Icons
Huge Icons
 Ícone Chevrons Down de IconOven
IconOven
 Ícone Chevrons Down de Jam Icons
Jam Icons
 Ícone Chevrons Down de Keyline Icons
Keyline Icons
 Ícone Chevrons Down de Matita
Matita

Perguntas frequentes sobre Ícone Chevrons Down

O ícone Chevrons Down é grátis para uso comercial?

Sim. Gravity UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Chevrons Down no React?

Instale @iconify/react e renderize <Icon icon="gravity-ui:chevrons-down" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Chevrons Down a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/gravity-ui/chevrons-down.svg" alt="Ícone Chevrons Down">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Gravity UI Icons →