Shop Street Sign アイコン
streamline-freehand-color:shop-street-sign
Shop Street Sign アイコン(streamline-freehand-color:shop-street-sign)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ショッピング・EC
- タグ
- shopstreet、streetsign、shopstreetsign
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M20.64 2.353a.34.34 0 0 0-.418-.26c-.529.11-.23-.568 1.516 13.427c.688 5.506.798 5.696-.19 5.885c-1.446.27-.997-.569-1.276-2.723a4 4 0 0 0-.35-1.337c-.359-.668-1.885-.528-2.443-.299C19.703 1.635 20.322 1.166 19.733.557a4 4 0 0 0-.997-.429a11 11 0 0 0-1.347 0a60.5 60.5 0 0 0-10.693.25c-.36.06-1.088.04-1.666.14c-.798.14-1.287.418-1.606 1.995c-.21 1.147-.29 2.643-.39 3.291C.86 18.951 1.38 15.36.672 22.682c-.06.419 0 .997.419.888c.08.1 2.134.349 2.484 0c.349-.35.379-1.317.458-1.626a11 11 0 0 1 .719-2.334c.325-.75.15 0 .239 0c.3 0 .628.06.778.07h4.439c.32 0 1.077-.09 1.745-.11q.333.035.659.11c0 .08-.33 2.992-.35 3.351c-.037.26.02.526.16.748c.42.4 1.866.14 2.614.12a.35.35 0 1 0 0-.698H13.14c0-.918.41-2.454.49-3.541c.06-.769-.26-1.058-.998-1.158s.658 0-6.823 0c-1.776.02-2.115-.548-2.773 4.44c-.24-.14-.998 0-1.107 0c-.858 0-.748.298-.669-.16c.928-7.521.4-4.33 2.773-16.798c.13-.639.24-2.125.5-3.252c.258-1.127.398-1.077.907-1.137c.508-.06 1.097 0 1.406-.08a63.6 63.6 0 0 1 10.534-.27c1.745 0 1.486-.169 1.346.739c-.11.678-2.334 17.276-2.433 17.955c-.22 1.456-.569 2.394-.639 3.082c-.062.26.1.52.36.579a.35.35 0 0 0 .348-.35c0-.997.29-.379.998-5.605c.29.15.459-.33 1.626-.09c.12 0 .23 0 .26.09c.568 1.206-.06 3.7.608 4.309c.897.808 3.042.598 3.421-.778c.559-2.045-2.185-16.968-2.633-18.823"/><path fill="#020202" d="m5.678 3.61l-1.516 8.648c-.11.818-1.347 2.763.509 3.272q2.669.225 5.346.18c1.19.015 2.373.2 3.511.548a1.756 1.756 0 0 0 1.746-1.297c.18-.568.19-1.286.34-1.785c.737-2.404.777-4.858 1.186-7.212c.25-1.496.768-2.743-.688-2.993a55 55 0 0 0-6.394.12c-4.688.02-3.84-.858-4.04.519m9.975.19c.429 0 .2 1.875.18 1.994c-.02.12-1.367 8.728-1.896 9.167s-.458-.299-3.87-.399c-5.087-.16-5.626.519-5.346-.738c.538-2.434-.15 2.135 1.576-10.125c.728.23 7.291-.07 9.316.1z"/><path fill="#0c6fff" d="M6.197 11.86a5.76 5.76 0 0 0 3.481.677a.35.35 0 0 0 0-.698c-.578-.08-2.344-.997-3.431-.529c-.16.07-.22.23-.05.55m4.818.328c.32.868 1.995.589 2.085.15c.05-.768-2.304-.708-2.085-.15m-.738-2.394a.35.35 0 1 0 0-.698c-.589-.08-2.344-.998-3.432-.519c-.16.07-.249.23-.05.539a5.66 5.66 0 0 0 3.482.678m3.381-.189c.09-.778-2.264-.718-2.075-.16c.31.868 2.025.599 2.075.16m-2.783-2.544a.35.35 0 1 0 0-.698c-.588-.09-2.344-.998-3.441-.529c-.16.07-.24.23 0 .549a5.84 5.84 0 0 0 3.441.678m3.382-.199c.09-.768-2.264-.719-2.075-.15c.31.868 2.025.589 2.075.15"/></g></svg>
Shop Street Sign アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:shop-street-sign" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:shop-street-sign" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:shop-street-sign" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--shop-street-sign]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:shop-street-sign"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:shop-street-sign"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shop-street-sign.svg" alt="Shop Street Sign アイコン" width="24" height="24">
Freehand color icons の関連アイコン
他のアイコンセットの Shop Street Sign アイコン
Shop Street Sign アイコン のよくある質問
Shop Street Sign アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Shop Street Sign アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:shop-street-sign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shop Street Sign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shop-street-sign.svg" alt="Shop Street Sign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand color icons をすべて見る →
