Ikon Iot Edge
gcp:iot-edge
Ikon Iot Edge (gcp:iot-edge) adalah ikon SVG gratis dari set Google Cloud Icons karya Google Cloud. Ikon ini digambar pada grid 24 × 24. Google Cloud 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
- Google Cloud Icons
- Pembuat
- Google Cloud
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- iotedge
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><clipPath id="SVGqcz3qeAQ"><use href="#SVGhsiIIzxW" clip-rule="evenodd"/></clipPath><clipPath id="SVGq2pMAdkD"><use href="#SVGzsenEcHJ"/></clipPath><clipPath id="SVGEn4SL6mM"><use href="#SVGtDvChcmE" clip-rule="evenodd"/></clipPath><clipPath id="SVGxAJBeGJX"><path fill="#a6cafd" d="M0 0h24v24H0z"/></clipPath><clipPath id="SVGZxd9RbFh"><use href="#SVGl9wPucSS" clip-rule="evenodd"/></clipPath><clipPath id="SVGO8TVabuO"><use href="#SVGRnUdRQ1Q"/></clipPath><clipPath id="SVGdlip9bna"><use href="#SVGurs6beMd" clip-rule="evenodd"/></clipPath><clipPath id="SVGeG5aUcvQ"><circle cx="10.5" cy="12" r="1.25" fill="#2683fb"/></clipPath><path id="SVGhsiIIzxW" fill="#2683fb" d="M18 11v2h3a1 1 0 0 0 1-1a1 1 0 0 0-1-1Z"/><path id="SVGzsenEcHJ" fill="#2683fb" d="M0 0h24v24H0z"/><path id="SVGtDvChcmE" fill="#a6cafd" d="M2 8v1h9.46a1 1 0 0 1 .84.45l1.33 2a1 1 0 0 1 0 1.11l-1.33 2a1 1 0 0 1-.84.45H2v1a1 1 0 0 0 1 1h9.46a1 1 0 0 0 .84-.45L15 14h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2l-1.7-2.55a1 1 0 0 0-.84-.45H3a1 1 0 0 0-1 1"/><path id="SVGl9wPucSS" fill="#559cfc" d="M15 18h-3.46a1 1 0 0 1-.84-.45L8 13.45a1 1 0 0 0-.87-.45H2v2h2v-1h1.46a1 1 0 0 1 .84.45l3.4 5.1a1 1 0 0 0 .84.45H16a1 1 0 0 0 1-1v-2h4a1 1 0 0 0 1-1a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1Z"/><path id="SVGRnUdRQ1Q" fill="#559cfc" d="M0 0h24v24H0z"/><path id="SVGurs6beMd" fill="#559cfc" d="M17 7V5a1 1 0 0 0-1-1h-5.46a1 1 0 0 0-.84.45l-3.4 5.1a1 1 0 0 1-.84.45H4V9H2v2h5.13a1 1 0 0 0 .87-.45l2.74-4.1a1 1 0 0 1 .8-.45H15v2a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1a1 1 0 0 0-1-1Z"/></defs><path fill="none" d="M0 0h24v24H0z"/><use href="#SVGhsiIIzxW" fill-rule="evenodd"/><g clip-path="url(#SVGqcz3qeAQ)"><use href="#SVGzsenEcHJ"/><g clip-path="url(#SVGq2pMAdkD)"><path fill="#2683fb" d="M14 6h13v12H14z"/></g></g><use href="#SVGtDvChcmE" fill-rule="evenodd"/><g fill="#a6cafd" clip-path="url(#SVGEn4SL6mM)"><path d="M0 0h24v24H0z"/><path d="M-3 2h27v20H-3z" clip-path="url(#SVGxAJBeGJX)"/></g><use href="#SVGl9wPucSS" fill-rule="evenodd"/><g clip-path="url(#SVGZxd9RbFh)"><use href="#SVGRnUdRQ1Q"/><g clip-path="url(#SVGO8TVabuO)"><path fill="#559cfc" d="M-3 8h30v17H-3z"/></g></g><use href="#SVGurs6beMd" fill-rule="evenodd"/><g clip-path="url(#SVGdlip9bna)"><use href="#SVGRnUdRQ1Q"/><g clip-path="url(#SVGO8TVabuO)"><path fill="#559cfc" d="M-3-1h30v17H-3z"/></g></g><circle cx="10.5" cy="12" r="1.25" fill="#2683fb"/><g clip-path="url(#SVGeG5aUcvQ)"><use href="#SVGzsenEcHJ"/><g clip-path="url(#SVGq2pMAdkD)"><path fill="#2683fb" d="M4.25 5.75h12.5v12.5H4.25z"/></g></g><rect width="6.52" height="2" x="2" y="18" fill="#2683fb" rx=".97"/><rect width="6.52" height="2" x="2" y="4" fill="#2683fb" rx=".97"/></svg>Cara memakai ikon Iot Edge
React
import { Icon } from "@iconify/react";
<Icon icon="gcp:iot-edge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gcp:iot-edge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gcp:iot-edge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--iot-edge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:iot-edge"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gcp:iot-edge"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/gcp/iot-edge.svg" alt="Ikon Iot Edge" width="24" height="24">Ikon terkait di Google Cloud Icons
FAQ Ikon Iot Edge
Apakah ikon Iot Edge gratis untuk penggunaan komersial?
Ya. Google Cloud Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Iot Edge di React?
Pasang @iconify/react lalu render <Icon icon="gcp:iot-edge" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Iot Edge ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/gcp/iot-edge.svg" alt="Ikon Iot Edge">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.