Mapping Hide icon
carbon:mapping-hide
The Mapping Hide icon (carbon:mapping-hide) is a free SVG icon from the Carbon set by IBM. It is drawn on a 32 × 32 grid. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28 2h-4c-1.1 0-2 .9-2 2v1H10V4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V7h7.8L12 19h-2v-1c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2v-1h2c.8 0 1.6-.5 1.8-1.2L20 7h2v1c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M8 8H4V4h4zm0 14H4v-4h4zM28 8h-4V4h4zM15.787 26.997a9.5 9.5 0 0 1-1.564-2.476L14 24l.223-.522C15.646 20.15 18.7 18 22 18c.82 0 1.618.146 2.383.4l-1.667 1.668A4 4 0 0 0 22 20c-2.206 0-4 1.794-4 4q.001.368.068.716zm12.048-6.418L30.415 18L29 16.586l-13.395 13.42l1.401 1.401l2.028-2.027c.939.39 1.936.62 2.966.62c3.3 0 6.354-2.15 7.777-5.479L30 24l-.223-.522a9.5 9.5 0 0 0-1.942-2.9M22 28a4 4 0 0 1-1.339-.247l5.092-5.092c.15.421.247.867.247 1.339c0 2.206-1.794 4-4 4"/></svg>How to use the Mapping Hide icon
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:mapping-hide" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:mapping-hide" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:mapping-hide" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--mapping-hide]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:mapping-hide"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:mapping-hide"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/carbon/mapping-hide.svg" alt="Mapping Hide icon" width="24" height="24">Related icons in Carbon
Mapping Hide icon FAQ
Is the Mapping Hide icon free for commercial use?
Yes. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Mapping Hide icon in React?
Install @iconify/react and render <Icon icon="carbon:mapping-hide" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mapping Hide icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/carbon/mapping-hide.svg" alt="Mapping Hide icon">, or paste the SVG code inline to style it with CSS.