Staples アイコン
thesvg-color:staples
Staples アイコン(thesvg-color:staples)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 184 × 39 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 184 × 39
- タグ
- staple
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>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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/staples.svg" alt="Staples アイコン" width="24" height="24">他のアイコンセットの Staples アイコン
Staples アイコン のよくある質問
Staples アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Staples アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:staples" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Staples アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/staples.svg" alt="Staples アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。