Sst アイコン
thesvg-color:sst
Sst アイコン(thesvg-color:sst)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 82 × 64 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 82 × 64
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="82" height="64" viewBox="0 0 82 64"><path fill="#e27152" fill-rule="evenodd" d="M21.683 49.99a.278.278 0 0 0-.23-.434H5.12A5.12 5.12 0 0 1 0 44.431L.02 20.66c0-1.006.264-1.993.764-2.864L9.508 2.59A5.16 5.16 0 0 1 13.981 0h52.94a3.064 3.064 0 0 1 2.598 4.69l-5.693 9.1a.9.9 0 0 0 .763 1.377h12.898A4.513 4.513 0 0 1 82 19.68v22.809c0 2.547-.646 5.056-1.877 7.286c-1.552 2.812-4.07 6.796-5.657 9.672a7.06 7.06 0 0 1-6.183 3.65H18.598a3.07 3.07 0 0 1-2.718-1.636a3.07 3.07 0 0 1 .172-3.163c2.166-3.197 4.767-7.03 5.631-8.307Zm7.658-2.388a3.19 3.19 0 0 0-2.612 1.353c-1.651 2.343-5.026 7.132-6.725 9.54a.923.923 0 0 0 .754 1.455h46.377a4.77 4.77 0 0 0 4.136-2.397c1.213-2.105 3.295-5.174 4.544-7.343a1.739 1.739 0 0 0-1.51-2.608zM16.264 34.32a5.7 5.7 0 0 0-4.47 2.189l-5.489 7.02a1.782 1.782 0 0 0 1.404 2.88h16.03a3.42 3.42 0 0 1 3.092-1.958h30.981a3.64 3.64 0 0 0 3.106-1.738l4.215-6.885a1.1 1.1 0 0 0-.942-1.673zm49.239 7.572a1.673 1.673 0 0 0 1.422 2.56h8.99c.694 0 1.36-.277 1.85-.764c.49-.492.766-1.157.766-1.852V20.88a2.564 2.564 0 0 0-2.564-2.563H34.031a4.6 4.6 0 0 0-3.881 2.131c-1.488 2.34-3.22 6.072-4.685 8.377a1.33 1.33 0 0 0 1.122 2.042h39.821a3.308 3.308 0 0 1 2.808 5.056zM58.18 15.168c.345 0 .665-.174.854-.462l5.957-9.123a1.159 1.159 0 0 0-.97-1.793H18.652a4.885 4.885 0 0 0-4.886 4.886v17.28a4.976 4.976 0 0 0 5.212 4.97h.64c.017-.138 5.172-9.037 8.017-13.399a5.2 5.2 0 0 1 4.355-2.359z" clip-rule="evenodd"/></svg>Sst アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sst" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sst" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sst" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sst]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sst"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sst"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/sst.svg" alt="Sst アイコン" width="24" height="24">他のアイコンセットの Sst アイコン
Sst アイコン のよくある質問
Sst アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sst アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:sst" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sst アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/sst.svg" alt="Sst アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。