ICONYZ
Türkçe
Material Symbols Light setinden Hub Outline ikonu

Hub Outline ikonu

material-symbols-light:hub-outline

Hub Outline ikonu (material-symbols-light:hub-outline), Material Symbols Light setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols Light icons, Apache 2.0 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
Material Symbols Light
Yazar
Google
Lisans
Apache-2.0
Boyut
24 × 24
Kategori
İletişim kur
Etiketler
center, connection, core, focal point, hub, network, nodes, nucleus, topology, communication, huboutline, hub outline rounded, hub outline sharp
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="M4.23 21.77Q3.5 21.037 3.5 20t.73-1.77T6 17.5q.292 0 .612.085q.319.084.594.228l2.54-3.16q-.546-.582-.744-1.288t-.068-1.43l-3.736-1.233q-.329.586-.912.942T3 12q-1.038 0-1.77-.73T.5 9.5t.73-1.77T3 7t1.77.73t.73 1.77q0 .127-.01.196q-.01.07-.01.138l3.718 1.297q.327-.631.934-1.102t1.426-.608V5.458q-.956-.18-1.507-.89T9.5 3q0-1.038.73-1.77T12 .5t1.77.73T14.5 3q0 .858-.554 1.568t-1.504.89V9.42q.82.137 1.417.608t.943 1.102l3.717-1.296q-.019-.089-.019-.149V9.5q0-1.038.73-1.77T21 7t1.77.73t.73 1.77t-.73 1.77T21 12q-.704 0-1.29-.356q-.585-.356-.908-.942l-3.737 1.233q.131.724-.067 1.427t-.744 1.273l2.54 3.154q.275-.126.595-.207T18 17.5q1.039 0 1.77.73T20.5 20t-.73 1.77t-1.77.73t-1.77-.73T15.5 20q0-.442.143-.857t.476-.77l-2.54-3.198q-.679.44-1.572.44t-1.591-.44L7.88 18.373q.313.356.466.77T8.5 20q0 1.039-.73 1.77T6 22.5t-1.77-.73M3 11q.617 0 1.059-.441q.441-.442.441-1.059t-.441-1.059T3 8t-1.059.441Q1.5 8.883 1.5 9.5t.441 1.059T3 11m4.059 10.059Q7.5 20.617 7.5 20t-.441-1.059T6 18.5t-1.059.441Q4.5 19.383 4.5 20t.441 1.059Q5.383 21.5 6 21.5t1.059-.441m6-17Q13.5 3.617 13.5 3t-.441-1.059Q12.617 1.5 12 1.5t-1.059.441T10.5 3t.441 1.059Q11.383 4.5 12 4.5t1.059-.441M12 14.616q.877 0 1.496-.62t.62-1.496t-.62-1.496t-1.496-.62t-1.496.62t-.62 1.496t.62 1.496t1.496.62m7.059 6.443q.441-.442.441-1.059t-.441-1.059T18 18.5t-1.059.441Q16.5 19.383 16.5 20t.441 1.059q.442.441 1.059.441t1.059-.441m3-10.5q.441-.442.441-1.059t-.441-1.059T21 8t-1.059.441Q19.5 8.883 19.5 9.5t.441 1.059T21 11t1.059-.441M18 20"/></svg>

Hub Outline ikonu nasıl kullanılır

React

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

<Icon icon="material-symbols-light:hub-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:hub-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:hub-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--hub-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:hub-outline"></div>

Web bileşeni

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

<iconify-icon icon="material-symbols-light:hub-outline"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/material-symbols-light/hub-outline.svg" alt="Hub Outline ikonu" width="24" height="24">

Material Symbols Light setindeki benzer ikonlar

Diğer ikon setlerinde Hub Outline ikonu

Hub Outline ikonu: sık sorulan sorular

Hub Outline ikonu ticari kullanım için ücretsiz mi?

Evet. Material Symbols Light icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Hub Outline ikonunu React'te nasıl kullanırım?

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

Hub Outline 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/material-symbols-light/hub-outline.svg" alt="Hub Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Material Symbols Light ikonları →