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

Ícone Chevrons Up

gravity-ui:chevrons-up

O ícone Chevrons Up (gravity-ui:chevrons-up) é 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
chevronsup, 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="M10.97 12.53a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 1 0 1.06 1.06L8 9.56zm0-5a.75.75 0 1 0 1.06-1.06l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L8 4.56z" clip-rule="evenodd"/></svg>

Como usar o ícone Chevrons Up

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:chevrons-up"></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-up"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/gravity-ui/chevrons-up.svg" alt="Ícone Chevrons Up" 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
chevrons-down
 Í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-wide
chevrons-up-wide

O ícone Chevrons Up em outras coleções

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

Perguntas frequentes sobre Ícone Chevrons Up

O ícone Chevrons Up é 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 Up no React?

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

Como adiciono o ícone Chevrons Up 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-up.svg" alt="Ícone Chevrons Up">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Gravity UI Icons →