Glitch icon

logos:glitch

The Glitch icon (logos:glitch) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 157 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 157

Download SVG

SVG code

<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>

How to use the Glitch icon

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 component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/glitch.svg" alt="Glitch icon" width="24" height="24">

Related icons in SVG Logos

Glitch icon in other icon sets

Glitch icon FAQ

Is the Glitch icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Glitch icon in React?

Install @iconify/react and render <Icon icon="logos:glitch" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Glitch icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/glitch.svg" alt="Glitch icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →