Ikon Staples
thesvg-color:staples
Ikon Staples (thesvg-color:staples) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 184 × 39. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 184 × 39
- Tag
- staple
Kode SVG
<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>Cara memakai ikon Staples
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/staples.svg" alt="Ikon Staples" width="24" height="24">Ikon Staples di set ikon lain
FAQ Ikon Staples
Apakah ikon Staples gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Staples di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:staples" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Staples ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/staples.svg" alt="Ikon Staples">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.