ICONYZ
Bahasa Indonesia
Ikon Gridsome Icon dari SVG Logos

Ikon Gridsome Icon

logos:gridsome-icon

Ikon Gridsome Icon (logos:gridsome-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
SVG Logos
Pembuat
Gil Barbara
Lisensi
CC0-1.0
Ukuran
256 × 256
Tag
gridsomeicon
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGklaNpckF" x1="20.938%" x2="67.331%" y1="135.775%" y2="141.765%"><stop offset="0%" stop-color="#1a7d75"/><stop offset="100%" stop-color="#1a8864"/></linearGradient><linearGradient id="SVGKDXL6bBC" x1="5.879%" x2="-17.306%" y1="11.117%" y2="72.271%"><stop offset="1.293%" stop-color="#168a81"/><stop offset="100%" stop-color="#31a97f"/></linearGradient><linearGradient id="SVGKei8HdEx" x1="-144.301%" x2="-70.357%" y1="53.433%" y2="117.634%"><stop offset="0%" stop-color="#27a59b"/><stop offset="100%" stop-color="#64d8a2"/></linearGradient><linearGradient id="SVGQcIBmcyU" x1="-143.419%" x2="-4.693%" y1="60.471%" y2="180.917%"><stop offset="0%" stop-color="#27a59b"/><stop offset="100%" stop-color="#64d8a2"/></linearGradient><linearGradient id="SVGoaMQZbIM" x1="208.845%" x2="86.111%" y1="-141.921%" y2="-183.711%"><stop offset="0%" stop-color="#27a59b"/><stop offset="100%" stop-color="#64d8a2"/></linearGradient></defs><path fill="url(#SVGklaNpckF)" d="M231.385 105.754c12.308-.592 23.204 8.957 24.267 21.277c4.604 59.597-48.957 126.248-125.818 128.382c-12.319.343-22.58-9.393-22.922-21.745c-.34-12.353 9.367-22.643 21.686-22.986c50.99-1.416 83.294-45.459 81.57-81.508c-.59-12.342 8.908-22.828 21.217-23.42"/><path fill="url(#SVGKDXL6bBC)" d="M22.551 104.485c12.323 0 22.312 10.018 22.312 22.375c0 51.575 41.47 84.953 82.89 83.931c12.32-.304 22.551 9.464 22.854 21.816c.304 12.354-9.437 22.615-21.756 22.92C64.08 257.123.017 205.266.017 126.86c0-12.357 10.211-22.375 22.534-22.375"/><path fill="url(#SVGKei8HdEx)" d="M175.646 128.594c0-12.65 10.32-22.906 23.049-22.906h33.589c12.73 0 23.368 10.256 23.368 22.906c0 12.652-10.638 22.907-23.368 22.907h-33.59c-12.728 0-23.048-10.255-23.048-22.907"/><path fill="url(#SVGQcIBmcyU)" d="M105.168 128.628c0-12.67 10.253-22.94 22.887-22.94s22.889 10.27 22.889 22.94c0 12.669-10.254 22.94-22.889 22.94s-22.887-10.271-22.887-22.94"/><path fill="url(#SVGoaMQZbIM)" d="M150.31 21.446c.511 12.346-9.056 22.77-21.368 23.283c-53.149 2.214-85.596 43.987-84.017 83.652c.492 12.346-8.891 22.756-21.204 23.249S.58 142.158.089 129.81C-2.485 65.174 51.335 1.275 127.09.02c12.312-.513 22.708 9.08 23.218 21.426"/></svg>

Cara memakai ikon Gridsome Icon

React

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

<Icon icon="logos:gridsome-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:gridsome-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:gridsome-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gridsome-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gridsome-icon"></div>

Web component

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

<iconify-icon icon="logos:gridsome-icon"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/logos/gridsome-icon.svg" alt="Ikon Gridsome Icon" width="24" height="24">

Ikon terkait di SVG Logos

FAQ Ikon Gridsome Icon

Apakah ikon Gridsome Icon gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Gridsome Icon di React?

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

Bagaimana cara menambahkan ikon Gridsome Icon ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/gridsome-icon.svg" alt="Ikon Gridsome Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →