Circle Navigation Fill ikonu

keyline-icons:circle-navigation-fill

Circle Navigation Fill ikonu (keyline-icons:circle-navigation-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: circlenavigation, navigationfill, circlenavigationfill

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M20 19C21.2982 17.269 22 15.1637 22 13C22 7.4772 17.5229 3 12 3C6.4772 3 2 7.4772 2 13C2 15.1637 2.7018 17.269 4 19"/><path fill="currentColor" d="M8.1312 19.3647L11.1113 13.5654C11.4986 12.8115 12.5014 12.8115 12.8887 13.5654L15.8688 19.3647C16.3118 20.2268 15.5616 21.2346 14.6879 20.9513L12.2921 20.1742C12.1016 20.1124 11.8984 20.1124 11.7079 20.1742L9.3121 20.9513C8.4384 21.2346 7.6882 20.2268 8.1312 19.3647Z" stroke="none"/><path d="M8.1312 19.3647L11.1113 13.5654C11.4986 12.8115 12.5014 12.8115 12.8887 13.5654L15.8688 19.3647C16.3118 20.2268 15.5616 21.2346 14.6879 20.9513L12.2921 20.1742C12.1016 20.1124 11.8984 20.1124 11.7079 20.1742L9.3121 20.9513C8.4384 21.2346 7.6882 20.2268 8.1312 19.3647Z"/></g></svg>

Circle Navigation Fill ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:circle-navigation-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-navigation-fill"></iconify-icon>

HTML görseli

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

Keyline Icons setindeki benzer ikonlar

Circle Navigation Fill ikonu: sık sorulan sorular

Circle Navigation 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 Navigation Fill ikonunu React'te nasıl kullanırım?

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

Circle Navigation 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-navigation-fill.svg" alt="Circle Navigation 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 →