Mall icon
zmdi:mall
The Mall icon (zmdi:mall) is a free SVG icon from the Material Design Iconic Font set by MDI Community. It is drawn on a 384 × 456 grid. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Design Iconic Font
- Author
- MDI Community
- License
- OFL-1.1
- Size
- 384 × 456
- Tags
- local mall
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="456" viewBox="0 0 384 456"><path fill="currentColor" d="M341 112q18 0 30.5 12.5T384 155v256q0 17-12.5 29.5T341 453H43q-18 0-30.5-12.5T0 411V155q0-18 12.5-30.5T43 112h42q0-44 31.5-75.5T192 5t75.5 31.5T299 112zM192 48q-27 0-45.5 18.5T128 112h128q0-27-18.5-45.5T192 48m0 213q44 0 75.5-31t31.5-75h-43q0 26-18.5 45T192 219t-45.5-19t-18.5-45H85q0 44 31.5 75t75.5 31"/></svg>How to use the Mall icon
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:mall" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:mall" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:mall" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--mall]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:mall"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:mall"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/zmdi/mall.svg" alt="Mall icon" width="24" height="24">Mall icon in other icon sets
Mall icon FAQ
Is the Mall icon free for commercial use?
Yes. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Mall icon in React?
Install @iconify/react and render <Icon icon="zmdi:mall" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mall icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/zmdi/mall.svg" alt="Mall icon">, or paste the SVG code inline to style it with CSS.