Staples icon
thesvg-color:staples
The Staples icon (thesvg-color:staples) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 184 × 39 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 184 × 39
- Tags
- staple
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="184" height="39" viewBox="0 0 184 39"><path fill="#c00" d="M169.274.92c-4.254.008-7.513 1.118-9.682 3.3c-2.516 2.537-2.878 5.79-2.87 7.505c.017 7.745 5.017 8.986 10.313 10.302l3.526.862c3.565.905 5.733 1.632 5.748 4.132c-.005 3.583-3.505 4.338-6.442 4.338h-.297c-5.598 0-6.508-3.417-6.554-5.455l-.007-.15h-6.76v.205c.006 3.512 1.377 11.687 13.917 11.687h.066c2.144-.006 12.853-.583 12.84-11.492c-.011-6.351-4.335-8.321-8.562-9.41l-7.893-2.07c-1.592-.401-3.292-1.034-3.307-3.479c.015-2.94 2.824-3.988 5.473-3.988c3.973.013 6.135 1.709 6.438 5.049l.01.14l6.788-.003l-.004-.156C181.932 7.017 178.55.92 169.273.92zm-56.963.117c-3.653-.001-6.606 2.87-6.61 6.381v25.503c-.004 1.896 1.58 3.933 3.528 3.943c.358-.04.691 0 .691 0h18.313v-6.512h-15.895V7.425l.266-.012l2.369 12.084l5.945-1.427L119.07 7.3c-.233-3.607-3.07-6.254-6.76-6.262zm-98.441.049c-4.215 0-7.451 1.1-9.617 3.274c-2.54 2.545-2.91 5.817-2.905 7.54c.029 7.74 5.068 8.97 10.4 10.278l3.466.889c3.447.845 5.708 1.59 5.71 4.146c.004 1.113-.34 2.024-1.019 2.709c-1.05 1.056-2.963 1.618-5.535 1.623c-5.965-.022-6.677-3.824-6.705-5.457l-.004-.152l-6.79-.01v.154C.9 29.606 2.318 37.807 14.867 37.82c2.15-.011 12.873-.62 12.863-11.478c-.025-6.363-4.137-8.31-8.578-9.467l-7.883-2.09c-1.313-.32-3.302-.805-3.322-3.433c.01-2.928 2.793-3.973 5.397-3.973h.066c5.903.004 6.321 3.79 6.475 5.162h6.773c-.015-1.155-.49-11.455-12.716-11.455zm13.222.777L27.075 8.4h9.757v28.463h7.092V8.4h9.71l-.028-6.537zm31.303 0l-11.526 35h7.43l2.256-7.172h11.68l2.053 7.172h7.668l-11.49-35zm20.781 0v35h7.1V24.37l7.595-.025c2.972-.008 5.39-.933 7.186-2.744c2.404-2.422 3.24-6.073 3.228-8.463c-.026-6.914-3.934-11.274-10.212-11.274zm50.393 0v35h24.865V30.33h-17.92v-8.633h15.738v-6.445l-15.738.016v-6.98h17.11l-.005-6.425h-24.052zM86.276 8.215h5.238c4.064 0 5.722 1.336 5.727 4.613c.009.89.034 2.747-1.193 3.988c-.81.82-2.044 1.237-3.68 1.237l-6.092.007zm-23.909 2.097l3.88 13.13h-7.831z"/></svg>How to use the Staples icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:staples" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:staples" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:staples" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--staples]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:staples"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:staples"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/staples.svg" alt="Staples icon" width="24" height="24">Staples icon in other icon sets
Staples icon FAQ
Is the Staples icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Staples icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:staples" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Staples icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/staples.svg" alt="Staples icon">, or paste the SVG code inline to style it with CSS.