Shopping Mall アイコン
map:shopping-mall
Shopping Mall アイコン(map:shopping-mall)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Map Icons
- 作者
- Scott de Jonge
- ライセンス
- OFL-1.1
- サイズ
- 50 × 50
- タグ
- shoppingmall
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M25.577 8.938c2.297.169 4.306-1.468 4.488-3.648c.184-2.191-1.53-4.108-3.827-4.277c-2.3-.167-4.309 1.46-4.487 3.651c-.179 2.19 1.536 4.103 3.826 4.274M42.783 41l-1.388-12h-2.252c.021-1 .018-1.111-.051-1.718c-.067-.621-.264-1.075-.585-1.218c.263-.28.438-.636.472-1.037a1.76 1.76 0 0 0-.74-1.575l-5.732-3.768l-4.22-7.946c-.699-1.04-1.883-1.879-3.312-1.999c-1.098-.076-2.108.287-2.925.827l-8.374 6.482a1.66 1.66 0 0 0-.577.865l-1.951 7.851l-.148.233V26h-.016c-.327 0-.625.312-.739.725c-.11.405-.245.94-.245 1.373V29H7.826L6.438 41h5.609l-2.459 3.935c-.16.305-.348.736-.381 1.152c-.121 1.49 1.039 2.785 2.594 2.904c1.111.074 2.067-.462 2.648-1.318L18.599 41h.543l-.085-.737l1.151-1.852c.125-.248.522-.855.566-1.143l1.406-6.11l6.001 6.273l1.884 9.431c.301 1.115 1.263 2.035 2.543 2.129c1.557.118 2.92-.981 3.044-2.468l-.017-.548L34.651 41zM10.957 27.99c.056-.473.233-.742.545-.742l.117-.002c.315.381.783.642 1.323.686a1.9 1.9 0 0 0 1.553-.633a.7.7 0 0 1 .197.326c.083.287.131.616.131.887c0 .162-.008.488-.019.488h-3.876c-.013 0-.009-.643.029-1.01M16.688 29h-1.185c.025-1 .018-1.111-.047-1.718c-.056-.52-.203-.922-.436-1.128l1.479-6.442l2.917-2.257zm21.758 0h-3.879c-.016 0-.011-.643.029-1.01c.052-.473.232-.742.545-.742c.449 0 .856-.014 1.217-.022c.363-.013.858-.031 1.481-.031q.357-.001.491.431c.086.287.132.616.132.887zM25.9 26.717l1.88-7.936l1.581 2.983c.125.205.273.374.468.533L35.476 26h-.853c-.327 0-.447.312-.56.725c-.107.405-.063.94-.063 1.373V29h-2.532l-.409 3.53z"/></svg>Shopping Mall アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="map:shopping-mall" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:shopping-mall" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:shopping-mall" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--shopping-mall]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:shopping-mall"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:shopping-mall"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/map/shopping-mall.svg" alt="Shopping Mall アイコン" width="24" height="24">他のアイコンセットの Shopping Mall アイコン
Shopping Mall アイコン のよくある質問
Shopping Mall アイコンは商用利用でも無料ですか?
はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Shopping Mall アイコンを使うには?
@iconify/react をインストールして <Icon icon="map:shopping-mall" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shopping Mall アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/shopping-mall.svg" alt="Shopping Mall アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。