Graphic Stitching icon
icon-park:graphic-stitching
The Graphic Stitching icon (icon-park:graphic-stitching) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Abstract
- Tags
- graphicstitching
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" clip-rule="evenodd"><path d="M24 24L34 14C34 8.47715 29.5228 4 24 4C18.4772 4 14 8.47715 14 14L24 24Z"/><path d="M14 34L24 24L14 14C8.47715 14 4 18.4772 4 24C4 29.5228 8.47715 34 14 34Z"/><path d="M34 34C39.5228 34 44 29.5228 44 24C44 18.4772 39.5228 14 34 14L24 24L34 34Z"/><path d="M24 44C29.5228 44 34 39.5228 34 34L24 24L14 34C14 39.5228 18.4772 44 24 44Z"/></g></svg>
How to use the Graphic Stitching icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:graphic-stitching" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:graphic-stitching" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:graphic-stitching" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--graphic-stitching]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:graphic-stitching"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:graphic-stitching"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/graphic-stitching.svg" alt="Graphic Stitching icon" width="24" height="24">
Related icons in IconPark
Graphic Stitching icon in other icon sets
Graphic Stitching icon FAQ
Is the Graphic Stitching icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Graphic Stitching icon in React?
Install @iconify/react and render <Icon icon="icon-park:graphic-stitching" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Graphic Stitching icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/graphic-stitching.svg" alt="Graphic Stitching icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
