Ikon Nest Connect

material-symbols:nest-connect

Ikon Nest Connect (material-symbols:nest-connect) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Symbols
Pembuat: Google
Lisensi: Apache-2.0
Ukuran: 24 × 24
Tag: nestconnect

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.538 17.538Q17 16.075 17 14v-4q0-2.075-1.463-3.537T12 5T8.463 6.463T7 10v4q0 2.075 1.463 3.538T12 19t3.538-1.463m-5.663-1.412Q9 15.25 9 14v-4q0-1.25.875-2.125T12 7t2.125.875T15 10v4q0 1.25-.875 2.125T12 17t-2.125-.875m2.838-6.413Q13 9.425 13 9t-.288-.712T12 8t-.712.288T11 9t.288.713T12 10t.713-.288M5 23q-.825 0-1.412-.587T3 21V3q0-.825.588-1.412T5 1h14q.825 0 1.413.588T21 3v18q0 .825-.587 1.413T19 23z"/></svg>

Cara memakai ikon Nest Connect

React

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

<Icon icon="material-symbols:nest-connect" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:nest-connect" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:nest-connect" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--nest-connect]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="material-symbols:nest-connect"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/nest-connect.svg" alt="Ikon Nest Connect" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Nest Connect di set ikon lain

FAQ Ikon Nest Connect

Apakah ikon Nest Connect gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Nest Connect di React?

Pasang @iconify/react lalu render <Icon icon="material-symbols:nest-connect" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Nest Connect ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/nest-connect.svg" alt="Ikon Nest Connect">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →