Glitch ikonu
logos:glitch
Glitch ikonu (logos:glitch), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 157 ı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 × 157
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="157" viewBox="0 0 512 157"><defs><linearGradient id="SVGVVBeFg2u" x1="48.679%" x2="48.679%" y1="0%" y2="99.392%"><stop offset="0%" stop-color="#e459ff"/><stop offset="100%" stop-color="#914dff"/></linearGradient><linearGradient id="SVGvDpnlcZN" x1="23.626%" x2="65.811%" y1="46.645%" y2="51.388%"><stop offset="0%" stop-color="#f0a5ff"/><stop offset="100%" stop-color="#ff676b"/></linearGradient><linearGradient id="SVG4gdoQbZw" x1="50%" x2="50%" y1="-2.192%" y2="103.082%"><stop offset="0%" stop-color="#6e3bff"/><stop offset="100%" stop-color="#3633ff"/></linearGradient><linearGradient id="SVG6oR1fc9U" x1="40.57%" x2="57.962%" y1="47.672%" y2="52.149%"><stop offset="0%" stop-color="#f0a5ff"/><stop offset="100%" stop-color="#ff676b"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="url(#SVGVVBeFg2u)" d="M60.044 12.797C41.364 9.045-2.558 28.169.117 49.627c6.645 1.976 12.432 4.392 11.486 6.867h182.788c1.099-7.32-4.644-12.931-.758-19.04c1.226-1.928 2.16-4.129 2.809-6.323V19.255a1.4 1.4 0 0 0-.315-.219c-45.39 14.689-23.347 11.583-71.789.007C115.933 8.493 88.032.853 75.026 0c-4.994 0-14.982 12.797-14.982 12.797"/><path fill="url(#SVGvDpnlcZN)" d="M120.284 50.252v5.618H11.703c.1 1.66-2.644 3.365-10.025 4.994C8.232 68.979 27.58 76.779 34.45 77.718c-1.23.256-2.593.712-4.045 1.333c21.967 2.766 47.94 3.702 60.855 3.974h42.614q-.688-.153-1.417-.313c-9.48-1.785-5.69-.496-10.3-3.12c61.026-14.692 25.669-12.52 73.97-1.874c1.563-2.809-5.928-9.675-2.494-18.412c1.304-3.324.986-6.283.33-9.054z"/><path fill="url(#SVG4gdoQbZw)" d="M77.835 72.412v5.619c-10.203-.213-27.84-.331-44.496-.038C22.337 81.108 2.901 97.713.117 107.48v3.977q.13.31.312.596c5.806 1.726 10.956 3.786 11.536 5.93h81.789v-5.618h100.281c-1.048-4.65-3.174-8.752-.402-13.11c2.85-6.135 4.185-10.346 4.37-13.12V84.9c-.8-10.318-23.182 6.109-35.583 6.24c-14.045-2.5-11.236-4.37-29.963-8.428c-9.48-1.785-5.69-.496-10.3-3.12c11.601-2.794 19.72-4.976 25.594-6.608v-.572z"/><path fill="#974dff" d="M70.344 28.091h.313c7.481 13.25 2.715 23.422-1.249 36.518c-1.117 2.65 2.915 4.7 4.058 1.873c3.18-12.166 8.218-25.54 2.185-37.767h.624c28.88.222 58.108 5.466 84.273 18.103c1.738.394 7.332 4.695 8.427 1.249c-12.603-14.907-61.647-23.397-82.4-22.788c-.902.171-3.062-.103-5.531-.375c-1.935-.215-4.064-.427-5.933-.427c-3.474 0-6.04.742-4.767 3.614"/><path fill="#f1a5ff" d="M70.344 28.091h.313c4.51 8.533 5.668 18.965 1.248 27.779h4.37c2.272-8.855 3.034-18.344-.937-26.843c29.224.088 58.873 4.873 85.21 18.103c1.732.306 7.656 5.004 8.427 1.249c-13.246-15.188-61.057-23.706-82.4-23.1c-1.03.196-3.171-.09-5.575-.381c-1.854-.222-3.867-.446-5.643-.446c-3.265 0-5.743.752-5.013 3.639"/><path fill="#974dff" d="M59.108 29.652h.312c6.062 8.249 5.793 18.221 1.873 27.154c-1.314 2.173 1.95 4.345 3.121 1.873c2.191-4.623 3.702-9.847 3.746-14.982c.043-5.777-2.594-11.736-5.619-16.542c-.396-.715-.97-1.009-1.56-1.009c-1.51 0-3.093 1.93-1.873 3.506"/><path fill="#f1a5ff" d="M65.663 55.87c1.81-7.553 3.152-15.584-.937-22.785c-.571-1.183-2.256-4.597-2.185-5.93c-1.301-2.41-4.766-.013-3.433 2.185h.312c5.55 7.925 6.243 17.8 2.185 26.53z"/><path fill="#f1a5ff" d="M59.108 29.34h.312c5.547 7.924 6.243 17.803 2.185 26.53h4.058c1.81-7.553 3.152-15.584-.937-22.785c-.571-1.183-2.26-4.598-2.185-5.93c-.387-.715-.961-1.005-1.545-1.005c-1.389 0-2.824 1.644-1.888 3.19"/><path fill="url(#SVG6oR1fc9U)" d="M93.441 112.364v5.618H11.965c.475 1.757-2.129 3.574-9.975 5.306c15.116 14.689 33.93 19.327 50.56 15.606c2.6 11.72 24.496 18.428 39.019 13.734c.2-3-.334-5.996-1.56-8.74c20.296 3.456 69.83-12.12 72.411-13.42c2.338-.435 9.53 2.134 16.68 4.706c8.125 2.921 16.196 5.84 17.027 4.345c1.563-2.81-5.928-9.676-2.494-18.416c1.254-3.196 1.008-6.058.402-8.739z"/><path fill="#373fff" d="M70.344 90.515h.313c7.553 13.328 2.571 23.628-1.249 36.83c-1.117 2.654 2.915 4.701 4.058 1.874c3.414-12.023 8.087-25.36 2.185-37.458l.624-.31c28.871.235 58.133 4.995 84.273 17.792c1.738.393 7.332 4.691 8.427 1.248c-12.603-14.904-61.647-23.396-82.4-22.785c-.902.172-3.059-.103-5.525-.374c-1.938-.216-4.07-.43-5.94-.43c-3.473 0-6.039.745-4.766 3.613"/><path fill="#f1a5ff" d="M70.344 90.515h.313c4.47 8.443 5.665 18.747 1.248 27.467h4.37c2.288-8.852 3.034-18.343-.937-26.842c29.193.1 58.757 5.334 85.21 18.103c1.732.393 7.338 4.694 8.427 1.248c-12.6-14.904-61.647-23.4-82.4-22.785c-.902.172-3.056-.103-5.525-.374c-1.938-.216-4.07-.43-5.94-.43c-3.473 0-6.039.745-4.766 3.613"/><path fill="#373fff" d="M59.108 92.077h.312c6.061 8.25 5.793 18.221 1.873 27.154c-1.314 2.173 1.95 4.345 3.12 1.873c2.192-4.622 3.703-9.844 3.746-14.982c.122-5.94-2.843-11.757-5.618-16.854c-1.542-2.713-5.553.661-3.433 2.809"/><path fill="#f1a5ff" d="M65.663 117.982c.805-5.11 2.73-10.3 1.56-15.606c-.156-3.087-7.893-21.393-8.74-10.612h.937c5.603 7.925 6.249 17.785 2.185 26.53z"/><path fill="#f1a5ff" d="M58.484 91.76h.936c5.603 7.929 6.249 17.789 2.185 26.534l4.058-.312c.805-5.106 2.73-10.3 1.56-15.606c-.122-2.4-4.816-13.977-7.303-13.977c-.715 0-1.246.955-1.436 3.362"/><path fill="#000" d="M33.826 31.836a8.428 8.428 0 1 1-.002 16.856a8.428 8.428 0 0 1 .002-16.856"/><path fill="#fff" d="M25.087 39.64c.171-4.998 4.36-8.909 9.357-8.734c4.997.172 8.908 4.364 8.733 9.357a9.05 9.05 0 0 1-9.039 8.74a8.43 8.43 0 0 1-9.048-7.756q-.004-.024-.003-.047a6.554 6.554 0 0 0 7.179 5.618a7.18 7.18 0 1 0-7.179-7.179"/><path fill="#fff" d="M28.833 39.64a2.5 2.5 0 0 1 2.497 2.496a2.496 2.496 0 1 1-2.497-2.497"/><path fill="#000" d="M33.826 94.262a8.425 8.425 0 1 1 0 16.852a8.425 8.425 0 1 1 0-16.851"/><path fill="#fff" d="M25.087 101.751a9.046 9.046 0 0 1 9.357-8.733c4.997.172 8.908 4.364 8.733 9.357a9.047 9.047 0 0 1-9.039 8.74a8.426 8.426 0 0 1-9.048-7.756q-.004-.024-.003-.047a6.553 6.553 0 0 0 7.12 5.936c.021-.003.037-.006.059-.006a7.18 7.18 0 1 0-.016-14.357a7.18 7.18 0 0 0-7.163 6.866"/><path fill="#fff" d="M28.833 102.065a2.496 2.496 0 1 1 .001 4.993a2.496 2.496 0 0 1-.001-4.993"/><path fill="#000" d="M260.74 35.581c14.045 0 25.278 5.619 29.96 23.722l-14.978 4.057c-3.122-10.3-7.804-14.357-14.982-14.357c-7.18 0-17.167 3.433-17.167 24.345c0 20.915 9.988 25.906 17.79 25.906c7.82.206 14.483-5.64 15.292-13.421h-13.106V73.66h28.403v37.143h-13.11v-10.297h-.311a20.28 20.28 0 0 1-19.352 11.857c-22.16 0-32.149-16.539-32.149-38.703c0-23.097 12.797-38.079 33.71-38.079m169.482 20.914c11.858 0 19.976 7.803 23.097 16.23l-13.421 4.37c-2.185-6.867-5.306-9.052-9.988-9.052s-10.612 5.618-10.612 16.23c0 10.61 3.121 16.231 10.297 16.231c7.182 0 8.118-2.185 10.615-9.364l13.421 4.682a24.03 24.03 0 0 1-24.036 16.227c-12.485 0-26.215-7.175-26.215-27.775c0-21.225 14.981-27.78 26.842-27.78m-46.193-17.17v18.419h13.733v11.548h-13.733v23.094c0 5.619 1.56 7.494 7.49 7.494l5.303-.624v11.549l-10.609.936c-15.921-.312-18.103-5.933-18.103-15.918v-26.53h-9.051v-11.55h8.736V39.327zm-62.426-2.495v73.973h-15.918V36.83zm29.027 20.913v53.06h-15.918v-53.06zM477.974 36.83v29.028a22.8 22.8 0 0 1 18.419-9.364c9.051 0 15.606 4.37 15.606 15.606v38.703h-16.234V77.094c0-4.682-1.87-7.179-6.242-7.179a18.1 18.1 0 0 0-11.549 5.306v35.582h-16.227V36.83zm-127.032.625v12.797h-16.23V37.455z"/></g></svg>Glitch ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:glitch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:glitch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:glitch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--glitch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:glitch"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:glitch"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/glitch.svg" alt="Glitch ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Glitch ikonu
Glitch ikonu: sık sorulan sorular
Glitch 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.
Glitch ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:glitch" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Glitch 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/glitch.svg" alt="Glitch ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.