Ikon Glitch

logos:glitch

Ikon Glitch (logos:glitch) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 157. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: SVG Logos
Pembuat: Gil Barbara
Lisensi: CC0-1.0
Ukuran: 512 × 157

Download SVG

Kode SVG

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

Cara memakai ikon Glitch

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>

Gambar HTML

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

Ikon terkait di SVG Logos

Ikon Glitch di set ikon lain

FAQ Ikon Glitch

Apakah ikon Glitch gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Glitch di React?

Pasang @iconify/react lalu render <Icon icon="logos:glitch" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Glitch ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/glitch.svg" alt="Ikon Glitch">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →