Иконка Gridsome Icon
logos:gridsome-icon
Иконка Gridsome Icon (logos:gridsome-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 256. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 256
- Теги
- gridsomeicon
Код 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>Как использовать иконку 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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gridsome-icon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/gridsome-icon.svg" alt="Иконка Gridsome Icon" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Gridsome Icon
Можно ли бесплатно использовать иконку Gridsome Icon в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gridsome Icon в React?
Установите @iconify/react и выведите <Icon icon="logos:gridsome-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gridsome Icon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/gridsome-icon.svg" alt="Иконка Gridsome Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.