gridsome icon logo
gridsome-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- gridsome-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the gridsome icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosGridsomeIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGklaNpckF" x1="20.938%" x2="67.331%" y1="135.775%" y2="141.765%"><stop offset="0%" stopColor="#1a7d75"/><stop offset="100%" stopColor="#1a8864"/></linearGradient><linearGradient id="SVGKDXL6bBC" x1="5.879%" x2="-17.306%" y1="11.117%" y2="72.271%"><stop offset="1.293%" stopColor="#168a81"/><stop offset="100%" stopColor="#31a97f"/></linearGradient><linearGradient id="SVGKei8HdEx" x1="-144.301%" x2="-70.357%" y1="53.433%" y2="117.634%"><stop offset="0%" stopColor="#27a59b"/><stop offset="100%" stopColor="#64d8a2"/></linearGradient><linearGradient id="SVGQcIBmcyU" x1="-143.419%" x2="-4.693%" y1="60.471%" y2="180.917%"><stop offset="0%" stopColor="#27a59b"/><stop offset="100%" stopColor="#64d8a2"/></linearGradient><linearGradient id="SVGoaMQZbIM" x1="208.845%" x2="86.111%" y1="-141.921%" y2="-183.711%"><stop offset="0%" stopColor="#27a59b"/><stop offset="100%" stopColor="#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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-gridsome-icon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGklaNpckF%22%20x1%3D%2220.938%25%22%20x2%3D%2267.331%25%22%20y1%3D%22135.775%25%22%20y2%3D%22141.765%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231a7d75%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231a8864%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGKDXL6bBC%22%20x1%3D%225.879%25%22%20x2%3D%22-17.306%25%22%20y1%3D%2211.117%25%22%20y2%3D%2272.271%25%22%3E%3Cstop%20offset%3D%221.293%25%22%20stop-color%3D%22%23168a81%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2331a97f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGKei8HdEx%22%20x1%3D%22-144.301%25%22%20x2%3D%22-70.357%25%22%20y1%3D%2253.433%25%22%20y2%3D%22117.634%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2327a59b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2364d8a2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQcIBmcyU%22%20x1%3D%22-143.419%25%22%20x2%3D%22-4.693%25%22%20y1%3D%2260.471%25%22%20y2%3D%22180.917%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2327a59b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2364d8a2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoaMQZbIM%22%20x1%3D%22208.845%25%22%20x2%3D%2286.111%25%22%20y1%3D%22-141.921%25%22%20y2%3D%22-183.711%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2327a59b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2364d8a2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGklaNpckF)%22%20d%3D%22M231.385%20105.754c12.308-.592%2023.204%208.957%2024.267%2021.277c4.604%2059.597-48.957%20126.248-125.818%20128.382c-12.319.343-22.58-9.393-22.922-21.745c-.34-12.353%209.367-22.643%2021.686-22.986c50.99-1.416%2083.294-45.459%2081.57-81.508c-.59-12.342%208.908-22.828%2021.217-23.42%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKDXL6bBC)%22%20d%3D%22M22.551%20104.485c12.323%200%2022.312%2010.018%2022.312%2022.375c0%2051.575%2041.47%2084.953%2082.89%2083.931c12.32-.304%2022.551%209.464%2022.854%2021.816c.304%2012.354-9.437%2022.615-21.756%2022.92C64.08%20257.123.017%20205.266.017%20126.86c0-12.357%2010.211-22.375%2022.534-22.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKei8HdEx)%22%20d%3D%22M175.646%20128.594c0-12.65%2010.32-22.906%2023.049-22.906h33.589c12.73%200%2023.368%2010.256%2023.368%2022.906c0%2012.652-10.638%2022.907-23.368%2022.907h-33.59c-12.728%200-23.048-10.255-23.048-22.907%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQcIBmcyU)%22%20d%3D%22M105.168%20128.628c0-12.67%2010.253-22.94%2022.887-22.94s22.889%2010.27%2022.889%2022.94c0%2012.669-10.254%2022.94-22.889%2022.94s-22.887-10.271-22.887-22.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoaMQZbIM)%22%20d%3D%22M150.31%2021.446c.511%2012.346-9.056%2022.77-21.368%2023.283c-53.149%202.214-85.596%2043.987-84.017%2083.652c.492%2012.346-8.891%2022.756-21.204%2023.249S.58%20142.158.089%20129.81C-2.485%2065.174%2051.335%201.275%20127.09.02c12.312-.513%2022.708%209.08%2023.218%2021.426%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGklaNpckF%22%20x1%3D%2220.938%25%22%20x2%3D%2267.331%25%22%20y1%3D%22135.775%25%22%20y2%3D%22141.765%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231a7d75%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231a8864%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGKDXL6bBC%22%20x1%3D%225.879%25%22%20x2%3D%22-17.306%25%22%20y1%3D%2211.117%25%22%20y2%3D%2272.271%25%22%3E%3Cstop%20offset%3D%221.293%25%22%20stop-color%3D%22%23168a81%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2331a97f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGKei8HdEx%22%20x1%3D%22-144.301%25%22%20x2%3D%22-70.357%25%22%20y1%3D%2253.433%25%22%20y2%3D%22117.634%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2327a59b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2364d8a2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGQcIBmcyU%22%20x1%3D%22-143.419%25%22%20x2%3D%22-4.693%25%22%20y1%3D%2260.471%25%22%20y2%3D%22180.917%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2327a59b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2364d8a2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoaMQZbIM%22%20x1%3D%22208.845%25%22%20x2%3D%2286.111%25%22%20y1%3D%22-141.921%25%22%20y2%3D%22-183.711%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2327a59b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2364d8a2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGklaNpckF)%22%20d%3D%22M231.385%20105.754c12.308-.592%2023.204%208.957%2024.267%2021.277c4.604%2059.597-48.957%20126.248-125.818%20128.382c-12.319.343-22.58-9.393-22.922-21.745c-.34-12.353%209.367-22.643%2021.686-22.986c50.99-1.416%2083.294-45.459%2081.57-81.508c-.59-12.342%208.908-22.828%2021.217-23.42%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKDXL6bBC)%22%20d%3D%22M22.551%20104.485c12.323%200%2022.312%2010.018%2022.312%2022.375c0%2051.575%2041.47%2084.953%2082.89%2083.931c12.32-.304%2022.551%209.464%2022.854%2021.816c.304%2012.354-9.437%2022.615-21.756%2022.92C64.08%20257.123.017%20205.266.017%20126.86c0-12.357%2010.211-22.375%2022.534-22.375%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKei8HdEx)%22%20d%3D%22M175.646%20128.594c0-12.65%2010.32-22.906%2023.049-22.906h33.589c12.73%200%2023.368%2010.256%2023.368%2022.906c0%2012.652-10.638%2022.907-23.368%2022.907h-33.59c-12.728%200-23.048-10.255-23.048-22.907%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGQcIBmcyU)%22%20d%3D%22M105.168%20128.628c0-12.67%2010.253-22.94%2022.887-22.94s22.889%2010.27%2022.889%2022.94c0%2012.669-10.254%2022.94-22.889%2022.94s-22.887-10.271-22.887-22.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoaMQZbIM)%22%20d%3D%22M150.31%2021.446c.511%2012.346-9.056%2022.77-21.368%2023.283c-53.149%202.214-85.596%2043.987-84.017%2083.652c.492%2012.346-8.891%2022.756-21.204%2023.249S.58%20142.158.089%20129.81C-2.485%2065.174%2051.335%201.275%20127.09.02c12.312-.513%2022.708%209.08%2023.218%2021.426%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/gridsome-icon.svg?color=%231a73e8&size=48
