Stitch icon

cbi:stitch

The Stitch icon (cbi:stitch) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.898 16.421a2 2 0 0 0-.394.486a4.34 4.34 0 0 0 2.213-1.185a4.3 4.3 0 0 0-1.819.699m-12.062-.525a3.7 3.7 0 0 0-1.251-.36c.14.013.333.219.446.313l.465.346a3.2 3.2 0 0 0 1.126.566a3.4 3.4 0 0 0-.786-.865m11.809.685a4.74 4.74 0 0 0 .911-2.201a8.7 8.7 0 0 0 .127-2.876a9.7 9.7 0 0 0-.918 2.936c-.047.286.013.924-.067 1.477c-.02.165-.141.551-.053.664M5.729 14.202a3.7 3.7 0 0 0 .693 2.117c.073.08.007.046.107.086c.039-.079-.074-.945-.074-1.344a6 6 0 0 0-.066-1.36a8 8 0 0 0-.173-1.338c-.093-.239-.334-.931-.52-1a11.5 11.5 0 0 0 .033 2.839m6.776-5.083c0 .014.014 0 0 0m5.019 6.817l-.173.239c-.259.426-.226.273-.372.473a1.9 1.9 0 0 1-1.372.7a1.73 1.73 0 0 1-1.3-.619a3.7 3.7 0 0 1-.187-1.644a11.5 11.5 0 0 1 .501-2.789a1.78 1.78 0 0 1 .658-1a.85.85 0 0 1 .693-.08c.253.067.419.22.546.24a1.4 1.4 0 0 0-.546-.552c-.347-.201-.501-.141-.901-.1c.26-.221.386-.128.552-.227a5.5 5.5 0 0 0-3.208-1.151c.066.213.227.159.173.4a1.6 1.6 0 0 1-.818-.326c.239-.013.445.16.685.193c-.127-.293-.519-.293-.8-.426a1.7 1.7 0 0 1 .459-.073l.352-.074c.027-.014.034-.014.04-.014s.014-.019.034-.053c-.546-.159-.659.027-1.1.101c.107-.214.519-.214.632-.473c-.459.013-.7.346-1.117.579c.053-.16.153-.253.033-.453c-.161.233-.094.401-.354.606a4.3 4.3 0 0 1-.623.305a4.6 4.6 0 0 0-1.152.739a.05.05 0 0 0 .026.013a.05.05 0 0 1 .027.014c.14.046.16.006.273.073c.094.053.02 0 .081.066a1.46 1.46 0 0 0-1.358.64c.173-.027.219-.14.445-.2a1.3 1.3 0 0 1 .532-.053c.966.106 1.172 1.81 1.201 2.601a12.3 12.3 0 0 1-.14 2.823a1.19 1.19 0 0 1-1.278.818c-1.292 0-1.624-.692-1.99-1.771c-.047-.146.013-.059-.06-.159c-.093.352.133 2.156 1.001 2.583c.153-.319.239-.54-.181-.46c.113-.173.307-.16.513-.113c-.013.02-.1.013-.113.126c.772.746 4.153.62 4.333.501c.047-.493-.053-.193-.658-.46a2.43 2.43 0 0 1-1.139-1.051a1.56 1.56 0 0 1-.24-.833a1.966 1.966 0 0 1 2.517-1.677a1.855 1.855 0 0 1 1.151 2.723a2 2 0 0 1-1.252.945c-.179.034-.306.014-.253.267c.034.173.22.113.414.113c.825-.014 1.864.04 2.615 0c.326-.014 1.019 0 1.101-.373c-.094-.08-.114-.053-.24-.073c.06-.048-.066-.027.14-.068a.38.38 0 0 1 .352.108c-.186.14-.02-.06-.179.173c-.08.113-.027.08-.187.14l.06.359a1.6 1.6 0 0 0 .819-.926a5.5 5.5 0 0 0 .352-1.417c-.007.007-.02.02-.02.027m-5.345-2.317a4.5 4.5 0 0 0-.964.133l.046-.04a1.96 1.96 0 0 1 1.465-.127a.77.77 0 0 1 .366.187a6 6 0 0 0-.913-.153m3.448.759c.58-.247.12-1.079-.292-.839c-.539.313-.233 1.063.292.839m-6.949-.992a.461.461 0 0 0 .253.886c.586-.134.226-1.112-.253-.886m6.796-1.986a.63.63 0 0 0-.372.219c-.552.492-1.312 4.453-.586 5.185a1.73 1.73 0 0 0 2.662-.532a1.94 1.94 0 0 0 .453-1.292a8 8 0 0 0-.08-1.085a3.5 3.5 0 0 0-.646-1.671c-.232-.316-.79-.968-1.431-.824m1.465 3.647c-.173 1.79-1.618 2.301-2.349 1.371c-.287-.359-.247-.206-.22-.479c.1-.985.226-2.41 1.291-2.589c.732-.124 1.384.628 1.278 1.7Zm-5.105 3.098a15 15 0 0 1-2.263-.026a4 4 0 0 1-1.578-.426a1 1 0 0 0-.08-.073c-.026-.02-.026-.027-.026-.027a.2.2 0 0 1-.054-.02a.7.7 0 0 0-.1.466c1.79 1.084 5.491 1.158 7.647.632c.519-.127 1.132-.246.846-.712a24 24 0 0 1-4.392.186m.078.686a5 5 0 0 1-.612-.047a1.3 1.3 0 0 1-.279-.067a.6.6 0 0 1-.114-.04l-.127-.1a4.5 4.5 0 0 0 1.518.126a11 11 0 0 0 1.401-.213a3.7 3.7 0 0 1-1.787.341M7.74 16.96a1.95 1.95 0 0 0 1.771-.026c.159-.107.479-.486.319-.739c-.186.067-.246.426-.832.572c-1.244.313-1.871-1.325-1.571-2.575c.267-1.112 1.701-1.578 2.243.106c.08.246.2 1.144.24 1.224c.186-.425.173-3.135-.412-3.902c-.853-1.119-2.271.446-2.517 1.238a6.5 6.5 0 0 0-.366 1.851A3.55 3.55 0 0 0 7.74 16.96m-2.184-2.442c-.06-.487-.033-1.006-.086-1.491c-.153-1.432.392-3.475.046-5.892c-.093-.638-.392-2.149-1.024-2.123c-.334.014-.774.473-.913.626a5 5 0 0 0-.672.901a6.4 6.4 0 0 0-.633 5.139a9.3 9.3 0 0 0 .901 2.243c.36.053.846-.14 1.133.066c.133.294-.16.813-.267 1.101c.261.352 1.079.339 1.817.658a4.7 4.7 0 0 1-.302-1.228m15.869-7.442a4.5 4.5 0 0 0-1.417-1.891c-.78-.472-1.059 1.372-1.132 1.93a18 18 0 0 0-.087 3.169a12.9 12.9 0 0 1-.153 4.553a12 12 0 0 1-.439 1.201l.752-.28c.273-.087.526-.147.812-.226c.878-.26.054-.553.167-1.377a.97.97 0 0 1 .652-.075c.406.047.359.108.506-.226a8.2 8.2 0 0 0 .339-6.778"/></svg>

How to use the Stitch icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:stitch" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:stitch" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:stitch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--stitch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:stitch"></div>

Web component

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

<iconify-icon icon="cbi:stitch"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/stitch.svg" alt="Stitch icon" width="24" height="24">

Stitch icon in other icon sets

Stitch icon FAQ

Is the Stitch icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Stitch icon in React?

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

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

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

Browse all Custom Brand Icons →