Ikon Gridsome

logos:gridsome

Ikon Gridsome (logos:gridsome) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 102. 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: 512 × 102

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="102" viewBox="0 0 512 102"><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><g fill-rule="evenodd"><path fill="url(#SVGklaNpckF)" d="M91.879 41.993c4.887-.235 9.214 3.557 9.636 8.449c1.828 23.665-19.44 50.13-49.96 50.978c-4.892.136-8.967-3.73-9.102-8.634c-.135-4.906 3.72-8.992 8.61-9.128c20.249-.562 33.075-18.05 32.39-32.365c-.234-4.901 3.538-9.065 8.426-9.3"/><path fill="url(#SVGKDXL6bBC)" d="M8.955 41.49c4.893 0 8.86 3.977 8.86 8.884c0 20.48 16.466 33.733 32.914 33.327c4.891-.12 8.954 3.758 9.075 8.663s-3.748 8.98-8.64 9.101C25.445 102.099.008 81.508.008 50.374c0-4.907 4.055-8.885 8.948-8.885"/><path fill="url(#SVGKei8HdEx)" fill-rule="nonzero" d="M69.746 51.062c0-5.023 4.098-9.095 9.152-9.095h13.338c5.055 0 9.279 4.072 9.279 9.095s-4.224 9.097-9.28 9.097H78.899c-5.054 0-9.152-4.073-9.152-9.097"/><path fill="url(#SVGQcIBmcyU)" fill-rule="nonzero" d="M41.76 51.076c0-5.031 4.072-9.11 9.089-9.11s9.088 4.079 9.088 9.11s-4.071 9.11-9.088 9.11s-9.089-4.08-9.089-9.11"/><path fill="url(#SVGoaMQZbIM)" d="M59.685 8.516c.204 4.902-3.595 9.042-8.484 9.245c-21.105.88-33.99 17.467-33.362 33.217c.195 4.902-3.53 9.036-8.42 9.232S.23 56.448.035 51.546C-.987 25.879 20.385.506 50.465.008c4.89-.204 9.017 3.605 9.22 8.508"/><path fill="#1f344a" d="M169.686 46.505h23.828l.05.702c.1 1.401.1 3.188.1 3.778v.006c0 8.883-1.998 15.14-6.907 21.378l-.002.001l-.001.002c-6.396 8.03-15.02 12.263-25.13 12.263c-19.027 0-32.92-14.61-32.92-34.528c0-20.206 13.79-34.82 32.92-34.82c10.106 0 18.829 4.229 25.13 12.164l.465.584l-7.3 5.934l-.48-.54c-2.54-2.843-3.659-3.957-5.332-5.077l-.013-.01l-.013-.009c-3.482-2.551-7.918-3.977-12.457-3.977c-13 0-23 10.972-23 25.653c0 14.49 10.004 25.555 22.804 25.555c6.997 0 14.287-3.716 18.148-9.295l.007-.01l.007-.01c2.307-3.118 3.283-6.062 3.954-11.165h-13.858zm32.276-9.817h8.943v5.121c.822-1.406 1.68-2.353 2.882-3.29c2.402-1.888 5.702-2.911 9.07-2.911h2.516v9.171l-.85-.107c-.73-.091-1.467-.092-1.96-.092c-3.756 0-7.04 1.74-9.147 4.87l-.003.002l-.001.003c-1.838 2.676-2.507 5.157-2.507 10.273v23.728h-8.943zm39.302 0v46.768h-8.943V36.688zm44.634 5.588c-4.237-4.577-9.158-6.668-15.375-6.668c-12.723 0-21.97 10.64-21.97 24.71c0 14.087 9.067 24.218 21.97 24.218c3.526 0 6.564-.684 9.31-2.192c2.2-1.208 4.182-2.928 6.065-5.191v6.303h8.942V16.464h-8.942zm50.021 8.292h-8.978v-1.246c0-1.886-.755-3.384-2.072-4.427c-1.335-1.057-3.305-1.69-5.774-1.69c-2.372 0-4.217.608-5.453 1.6c-1.22.98-1.905 2.38-1.905 4.124c0 .924.116 1.64.372 2.24c.251.588.659 1.11 1.321 1.614c1.372 1.04 3.75 1.943 7.82 3.075c5.8 1.58 8.99 3.095 11.285 5.4c2.39 2.4 3.838 5.83 3.838 9.368c0 4.15-1.713 7.654-4.7 10.106c-2.974 2.442-7.165 3.804-12.09 3.804c-5.242 0-9.445-1.228-12.447-3.72c-3.013-2.503-4.717-6.196-5.121-10.911l-.07-.82h8.843l.066.683c.23 2.399 1.112 4.16 2.528 5.332c1.425 1.18 3.482 1.839 6.201 1.839c2.418 0 4.34-.63 5.639-1.664c1.284-1.021 2.012-2.472 2.012-4.257c0-.9-.145-1.644-.447-2.287c-.3-.641-.774-1.225-1.493-1.777c-1.469-1.126-3.902-2.078-7.755-3.057l-.006-.002l-.006-.001c-4.939-1.34-8.624-3.076-11.078-5.424c-2.485-2.378-3.655-5.33-3.655-8.951c0-4.147 1.685-7.65 4.635-10.104c2.938-2.443 7.08-3.807 11.959-3.807c4.913 0 8.944 1.26 11.807 3.703c2.874 2.453 4.484 6.026 4.688 10.467zm60.44-13.88h8.943v4.702c1.362-1.703 2.825-3.012 4.464-3.952c2.215-1.269 4.698-1.83 7.588-1.83c3.187 0 5.863.687 8.025 2.156c1.8 1.224 3.194 2.958 4.228 5.184c1.522-2.326 3.257-4.078 5.34-5.287c2.456-1.422 5.335-2.053 8.8-2.053c5.34 0 9.514 1.725 12.045 5.11c1.132 1.501 1.867 2.95 2.306 4.957c.436 1.975.581 4.475.581 8.065v29.716h-8.941V55.507c0-2.756-.05-4.395-.224-5.571c-.17-1.133-.448-1.828-.946-2.689c-1.2-2.063-3.838-3.453-7.166-3.453c-3.09 0-5.402 1.034-6.953 2.938c-1.573 1.927-2.457 4.85-2.457 8.775v27.95h-8.945V55.604c0-4.39-.394-6.487-1.374-8.277l-.004-.013l-.008-.013c-1.108-2.226-3.53-3.508-6.655-3.508c-3.079 0-5.47 1.1-7.104 3.065c-1.65 1.985-2.6 4.935-2.6 8.746v27.851h-8.943zm115.45 26.545H474.42c.183 1.473.427 2.619.784 3.63c.42 1.188 1.013 2.224 1.909 3.405l.004.006l.004.005c2.788 3.83 6.863 5.874 11.51 5.874c5.306 0 10.327-2.903 12.829-7.369l.32-.566l7.937 2.975l-.366.747c-3.85 7.832-11.845 12.596-20.72 12.596c-13.83 0-23.733-10.174-23.733-24.317c0-14.321 9.788-24.611 23.438-24.611c13.53 0 23.633 10.264 23.633 23.924v.009c0 .589 0 1.89-.1 3.004zM231.343 24.68c0-3.162 2.388-5.566 5.547-5.566c3.091 0 5.45 2.533 5.45 5.664c0 3.084-2.507 5.468-5.548 5.468c-3.071 0-5.449-2.415-5.449-5.566m50.677 23.608c-2.42-2.848-5.85-4.495-9.932-4.495c-4.233 0-7.76 1.675-10.241 4.56c-2.488 2.894-3.96 7.052-3.96 12.062c0 4.81 1.446 8.847 3.863 11.67c2.41 2.814 5.818 4.46 9.849 4.46c8.193 0 14.299-6.831 14.299-16.327c0-4.961-1.449-9.072-3.878-11.93m67.14-5.887c4.213-4.32 10.183-6.794 17.21-6.794c13.746 0 23.535 10.288 23.535 24.611c0 13.657-10.492 24.317-23.828 24.317c-6.89 0-12.786-2.529-16.959-6.884c-4.17-4.354-6.576-10.487-6.576-17.63c0-7.19 2.406-13.302 6.618-17.62m27.632 5.988c-2.498-2.786-6.075-4.4-10.422-4.4c-4.45 0-8.102 1.618-10.647 4.405c-2.55 2.794-4.043 6.822-4.043 11.726c0 4.853 1.491 8.858 4.03 11.64c2.535 2.776 6.164 4.392 10.562 4.392c8.412 0 14.494-6.561 14.494-16.032c0-4.907-1.47-8.937-3.974-11.731m97.774 7.834h27.895c-.316-2.91-.975-4.61-2.324-6.56c-2.693-3.63-7.057-5.87-11.8-5.87c-4.742 0-8.995 2.237-11.489 5.941c-1.178 1.861-1.75 3.487-2.282 6.49M236.89 19.87c-2.737 0-4.79 2.062-4.79 4.81c0 2.75 2.053 4.811 4.692 4.811s4.79-2.061 4.79-4.712c0-2.749-2.052-4.909-4.692-4.909m0 0c-2.737 0-4.79 2.062-4.79 4.81c0 2.75 2.053 4.811 4.692 4.811s4.79-2.061 4.79-4.712c0-2.749-2.052-4.909-4.692-4.909"/></g></svg>

Cara memakai ikon Gridsome

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di SVG Logos

Ikon Gridsome di set ikon lain

FAQ Ikon Gridsome

Apakah ikon Gridsome 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 di React?

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

Bagaimana cara menambahkan ikon Gridsome ke halaman web?

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

Lihat semua Ikon SVG Logos →