Ikon Gcp
material-icon-theme:gcp
Ikon Gcp (material-icon-theme:gcp) adalah ikon SVG gratis dari set Material Icon Theme karya Material Extensions. Ikon ini digambar pada grid 300 × 300. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Icon Theme
- Pembuat
- Material Extensions
- Lisensi
- MIT
- Ukuran
- 300 × 300
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><path fill="#f44336" d="M184.351 103.816h7.786l22.191-22.191l1.09-9.421a99.743 99.743 0 0 0-162.266 48.664a12.07 12.07 0 0 1 7.786-.467l44.382-7.32s2.258-3.737 3.426-3.503a55.36 55.36 0 0 1 75.76-5.762z"/><path fill="#448aff" d="M245.94 120.868a100 100 0 0 0-30.132-48.587l-31.146 31.146a55.36 55.36 0 0 1 20.323 43.914v5.529a27.72 27.72 0 1 1 0 55.438h-55.439l-5.528 5.606v33.248l5.528 5.528h55.439a72.101 72.101 0 0 0 40.956-131.822z"/><path fill="#43a047" d="M94.03 252.379h55.438v-44.382H94.03a27.6 27.6 0 0 1-11.446-2.492l-7.786 2.414l-22.347 22.19l-1.947 7.787a71.7 71.7 0 0 0 43.526 14.483"/><path fill="#ffc107" d="M94.03 108.41a72.101 72.101 0 0 0-43.526 129.252l32.158-32.157a27.72 27.72 0 1 1 36.673-36.673l32.158-32.158A72.02 72.02 0 0 0 94.03 108.41"/></svg>Cara memakai ikon Gcp
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:gcp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:gcp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:gcp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--gcp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:gcp"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:gcp"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/gcp.svg" alt="Ikon Gcp" width="24" height="24">Ikon Gcp di set ikon lain
FAQ Ikon Gcp
Apakah ikon Gcp gratis untuk penggunaan komersial?
Ya. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gcp di React?
Pasang @iconify/react lalu render <Icon icon="material-icon-theme:gcp" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gcp ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-icon-theme/gcp.svg" alt="Ikon Gcp">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.