mapping hide icon
mapping-hide from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.
- Name
- mapping-hide
- Set
- Carbon
- Style
- Outline
- Category
- Organization
- Viewbox
- 32×32
- License
- Apache 2.0
More organization icons from Carbon
Use the mapping hide icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function CarbonMappingHide(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-mapping-hide {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%202h-4c-1.1%200-2%20.9-2%202v1H10V4c0-1.1-.9-2-2-2H4c-1.1%200-2%20.9-2%202v4c0%201.1.9%202%202%202h4c1.1%200%202-.9%202-2V7h7.8L12%2019h-2v-1c0-1.1-.9-2-2-2H4c-1.1%200-2%20.9-2%202v4c0%201.1.9%202%202%202h4c1.1%200%202-.9%202-2v-1h2c.8%200%201.6-.5%201.8-1.2L20%207h2v1c0%201.1.9%202%202%202h4c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2M8%208H4V4h4zm0%2014H4v-4h4zM28%208h-4V4h4zM15.787%2026.997a9.5%209.5%200%200%201-1.564-2.476L14%2024l.223-.522C15.646%2020.15%2018.7%2018%2022%2018c.82%200%201.618.146%202.383.4l-1.667%201.668A4%204%200%200%200%2022%2020c-2.206%200-4%201.794-4%204q.001.368.068.716zm12.048-6.418L30.415%2018L29%2016.586l-13.395%2013.42l1.401%201.401l2.028-2.027c.939.39%201.936.62%202.966.62c3.3%200%206.354-2.15%207.777-5.479L30%2024l-.223-.522a9.5%209.5%200%200%200-1.942-2.9M22%2028a4%204%200%200%201-1.339-.247l5.092-5.092c.15.421.247.867.247%201.339c0%202.206-1.794%204-4%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%202h-4c-1.1%200-2%20.9-2%202v1H10V4c0-1.1-.9-2-2-2H4c-1.1%200-2%20.9-2%202v4c0%201.1.9%202%202%202h4c1.1%200%202-.9%202-2V7h7.8L12%2019h-2v-1c0-1.1-.9-2-2-2H4c-1.1%200-2%20.9-2%202v4c0%201.1.9%202%202%202h4c1.1%200%202-.9%202-2v-1h2c.8%200%201.6-.5%201.8-1.2L20%207h2v1c0%201.1.9%202%202%202h4c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2M8%208H4V4h4zm0%2014H4v-4h4zM28%208h-4V4h4zM15.787%2026.997a9.5%209.5%200%200%201-1.564-2.476L14%2024l.223-.522C15.646%2020.15%2018.7%2018%2022%2018c.82%200%201.618.146%202.383.4l-1.667%201.668A4%204%200%200%200%2022%2020c-2.206%200-4%201.794-4%204q.001.368.068.716zm12.048-6.418L30.415%2018L29%2016.586l-13.395%2013.42l1.401%201.401l2.028-2.027c.939.39%201.936.62%202.966.62c3.3%200%206.354-2.15%207.777-5.479L30%2024l-.223-.522a9.5%209.5%200%200%200-1.942-2.9M22%2028a4%204%200%200%201-1.339-.247l5.092-5.092c.15.421.247.867.247%201.339c0%202.206-1.794%204-4%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/mapping-hide.svg?color=%231a73e8&size=48
