Graphic Stitching Three icon
icon-park:graphic-stitching-three
The Graphic Stitching Three icon (icon-park:graphic-stitching-three) 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, stitchingthree, graphicstitchingthree
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24 14C26.7614 14 29 11.7614 29 9C29 6.23858 26.7614 4 24 4C21.2386 4 19 6.23858 19 9C19 11.7614 21.2386 14 24 14Z"/><path fill="#2F88FF" d="M24 44C26.7614 44 29 41.7614 29 39C29 36.2386 26.7614 34 24 34C21.2386 34 19 36.2386 19 39C19 41.7614 21.2386 44 24 44Z"/><path fill="#2F88FF" d="M14 19H4V29H14V19Z"/><path fill="#2F88FF" d="M44 19H34V29H44V19Z"/><path d="M19 9H9V19"/><path d="M19 39H9V29"/><path d="M29 9H40V19"/><path d="M29 39H39V29"/></g></svg>
How to use the Graphic Stitching Three icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:graphic-stitching-three" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:graphic-stitching-three" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:graphic-stitching-three" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--graphic-stitching-three]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:graphic-stitching-three"></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-three"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/graphic-stitching-three.svg" alt="Graphic Stitching Three icon" width="24" height="24">
Related icons in IconPark
Graphic Stitching Three icon in other icon sets
Graphic Stitching Three icon FAQ
Is the Graphic Stitching Three 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 Three icon in React?
Install @iconify/react and render <Icon icon="icon-park:graphic-stitching-three" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Graphic Stitching Three 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-three.svg" alt="Graphic Stitching Three icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
