Ícone Circle Trending Down Fill

keyline-icons:circle-trending-down-fill

O ícone Circle Trending Down Fill (keyline-icons:circle-trending-down-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: circletrending, trendingdown, downfill, circletrendingdownfill

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" d="M12 1 C18.0751 1 23 5.9249 23 12 C23 18.0751 18.0751 23 12 23 C5.9249 23 1 18.0751 1 12 C1 5.9249 5.9249 1 12 1 ZM7.707 8.793 C7.3165 8.4024 6.6835 8.4024 6.293 8.793 C5.9024 9.1835 5.9024 9.8165 6.293 10.207 L9.4932 13.4072 C9.6807 13.5946 9.9351 13.7002 10.2002 13.7002 C10.4653 13.7001 10.7198 13.5947 10.9072 13.4072 L12.7002 11.6143 L14.5859 13.5 L14 13.5 C13.4477 13.5 13 13.9477 13 14.5 C13 15.0523 13.4477 15.5 14 15.5 L16.5 15.5 C17.3283 15.5 18 14.8283 18 14 L18 11.5 C18 10.9477 17.5523 10.5 17 10.5 C16.4477 10.5 16 10.9477 16 11.5 L16 12.0859 L13.4072 9.4932 C13.0411 9.127 12.4611 9.1034 12.0684 9.4238 L11.9932 9.4932 L10.2002 11.2861 L7.707 8.793 Z"/></svg>

Como usar o ícone Circle Trending Down Fill

React

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

<Icon icon="keyline-icons:circle-trending-down-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:circle-trending-down-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:circle-trending-down-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--circle-trending-down-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:circle-trending-down-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:circle-trending-down-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/circle-trending-down-fill.svg" alt="Ícone Circle Trending Down Fill" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Circle Trending Down Fill

O ícone Circle Trending Down Fill é grátis para uso comercial?

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

Como uso o ícone Circle Trending Down Fill no React?

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

Como adiciono o ícone Circle Trending Down Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/circle-trending-down-fill.svg" alt="Ícone Circle Trending Down Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →