Shop Street Sign アイコン
streamline-freehand:shop-street-sign
Shop Street Sign アイコン(streamline-freehand:shop-street-sign)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free 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="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path 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-.428a11 11 0 0 0-1.347 0A60.5 60.5 0 0 0 6.696.378c-.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.334h.239c.3 0 .628.06.778.07h4.439c.32 0 1.077-.09 1.746-.11q.33.035.658.11c0 .08-.33 2.992-.35 3.351c-.037.26.02.526.16.748c.42.4 1.866.14 2.614.12a.349.349 0 1 0 0-.698H13.14c0-.918.408-2.454.488-3.542c.06-.768-.26-1.057-.997-1.157c-.738-.1.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.137s1.097 0 1.406-.08a63.6 63.6 0 0 1 10.534-.27c1.746 0 1.486-.169 1.347.739c-.11.678-2.335 17.276-2.434 17.955c-.22 1.456-.569 2.394-.639 3.082a.48.48 0 0 0 .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.207-.06 3.7.608 4.309c.897.808 3.042.598 3.421-.778c.559-2.045-2.184-16.968-2.633-18.823"/><path d="m5.678 3.61l-1.516 8.648c-.11.818-1.347 2.763.509 3.272q2.668.225 5.346.18c1.19.015 2.373.2 3.512.548a1.756 1.756 0 0 0 1.745-1.297c.18-.568.19-1.287.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.43 0 .2 1.875.18 1.994c-.02.12-1.367 8.728-1.895 9.167c-.53.44-.46-.299-3.87-.399c-5.088-.16-5.627.519-5.347-.738c.538-2.434-.15 2.135 1.576-10.124c.728.229 7.291-.07 9.316.1z"/><path d="M6.197 11.859a5.76 5.76 0 0 0 3.481.678a.349.349 0 1 0 0-.698c-.578-.08-2.344-.997-3.431-.529c-.16.07-.22.23-.05.549m4.818.329c.32.868 1.995.589 2.085.15c.05-.768-2.305-.708-2.085-.15m-.738-2.394a.35.35 0 0 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 0 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.265-.719-2.075-.15c.31.868 2.025.588 2.075.15"/></g></svg>
Shop Street Sign アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:shop-street-sign" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:shop-street-sign" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:shop-street-sign" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--shop-street-sign]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand: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:shop-street-sign"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/shop-street-sign.svg" alt="Shop Street Sign アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Shop Street Sign アイコン
Shop Street Sign アイコン のよくある質問
Shop Street Sign アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Shop Street Sign アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:shop-street-sign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shop Street Sign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/shop-street-sign.svg" alt="Shop Street Sign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
