Ikon Cloud Data Fusion

gcp:cloud-data-fusion

Ikon Cloud Data Fusion (gcp:cloud-data-fusion) 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: clouddata, datafusion, clouddatafusion

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#aecbfa" d="M6 8h4V4H3a1 1 0 0 0-1 1v16a1 1 0 0 0 .28.68L6 18Z"/><path fill="#4285f4" d="m16 18l3.72 3.72A1 1 0 0 0 20 21v-7h-4Z"/><path fill="#669df6" d="M21.71 2.28L18 6v4h4V3a1 1 0 0 0-.29-.72"/><path fill="#aecbfa" d="m18 6l3.72-3.72A1 1 0 0 0 21 2h-7v4Z"/><path fill="#669df6" d="m2 22l4-4h10l4 4z"/></svg>

Cara memakai ikon Cloud Data Fusion

React

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

<Icon icon="gcp:cloud-data-fusion" width="24" />

Vue

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

<template>
  <Icon icon="gcp:cloud-data-fusion" width="24" />
</template>

Svelte

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

<Icon icon="gcp:cloud-data-fusion" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--cloud-data-fusion]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:cloud-data-fusion"></div>

Web component

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

<iconify-icon icon="gcp:cloud-data-fusion"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/gcp/cloud-data-fusion.svg" alt="Ikon Cloud Data Fusion" width="24" height="24">

Ikon terkait di Google Cloud Icons

FAQ Ikon Cloud Data Fusion

Apakah ikon Cloud Data Fusion 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 Cloud Data Fusion di React?

Pasang @iconify/react lalu render <Icon icon="gcp:cloud-data-fusion" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Cloud Data Fusion ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/gcp/cloud-data-fusion.svg" alt="Ikon Cloud Data Fusion">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Google Cloud Icons →