Circle Trending Down Fill ikonu

keyline-icons:circle-trending-down-fill

Circle Trending Down Fill ikonu (keyline-icons:circle-trending-down-fill), Keyline Icons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Keyline Icons
Yazar: Keyline Icons
Lisans: MIT
Boyut: 24 × 24
Etiketler: circletrending, trendingdown, downfill, circletrendingdownfill

SVG indir

SVG kodu

<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>

Circle Trending Down Fill ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

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

Keyline Icons setindeki benzer ikonlar

Circle Trending Down Fill ikonu: sık sorulan sorular

Circle Trending Down Fill ikonu ticari kullanım için ücretsiz mi?

Evet. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Circle Trending Down Fill ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="keyline-icons:circle-trending-down-fill" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Circle Trending Down Fill ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/keyline-icons/circle-trending-down-fill.svg" alt="Circle Trending Down Fill ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Keyline Icons →