ICONYZ
Türkçe
Huge Icons setinden Flow Connection ikonu

Flow Connection ikonu

hugeicons:flow-connection

Flow Connection ikonu (hugeicons:flow-connection), Huge Icons setinden ücretsiz bir SVG ikondur (yapımcı: Hugeicons). 24 × 24 ızgara üzerinde çizilmiştir. Huge 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
Huge Icons
Yazar
Hugeicons
Lisans
MIT
Boyut
24 × 24
Etiketler
flowconnection
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-width="1.5"><path d="M2.5 5.5c0-1.65 0-2.475.513-2.987C3.525 2 4.35 2 6 2s2.475 0 2.987.513C9.5 3.025 9.5 3.85 9.5 5.5s0 2.475-.513 2.987C8.475 9 7.65 9 6 9s-2.475 0-2.987-.513C2.5 7.975 2.5 7.15 2.5 5.5Zm1.157 10.157C4.76 14.552 5.314 14 6 14s1.239.552 2.343 1.657C9.448 16.76 10 17.314 10 18s-.552 1.239-1.657 2.343C7.24 21.448 6.686 22 6 22s-1.239-.552-2.343-1.657C2.552 19.24 2 18.686 2 18s.552-1.239 1.657-2.343Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M6 9v5m4 4h5"/><path d="M15 18c0-1.65 0-2.475.513-2.987c.512-.513 1.337-.513 2.987-.513s2.475 0 2.987.513C22 15.525 22 16.35 22 18s0 2.475-.513 2.987c-.512.513-1.337.513-2.987.513s-2.475 0-2.987-.513C15 20.475 15 19.65 15 18Z"/></g></svg>

Flow Connection ikonu nasıl kullanılır

React

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

<Icon icon="hugeicons:flow-connection" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:flow-connection" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:flow-connection" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--flow-connection]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:flow-connection"></div>

Web bileşeni

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

<iconify-icon icon="hugeicons:flow-connection"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/hugeicons/flow-connection.svg" alt="Flow Connection ikonu" width="24" height="24">

Huge Icons setindeki benzer ikonlar

Diğer ikon setlerinde Flow Connection ikonu

Flow Connection ikonu: sık sorulan sorular

Flow Connection ikonu ticari kullanım için ücretsiz mi?

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

Flow Connection ikonunu React'te nasıl kullanırım?

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

Flow Connection 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/hugeicons/flow-connection.svg" alt="Flow Connection ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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