Gridsome ikonu
logos:gridsome
Gridsome ikonu (logos:gridsome), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 102 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 102
SVG kodu
<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>Gridsome ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gridsome"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/gridsome.svg" alt="Gridsome ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Gridsome ikonu
Gridsome ikonu: sık sorulan sorular
Gridsome ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Gridsome ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:gridsome" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Gridsome ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/gridsome.svg" alt="Gridsome ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.