ICONYZ
Español
Icono Mapping Hide de Carbon

Icono Mapping Hide

carbon:mapping-hide

El icono Mapping Hide (carbon:mapping-hide) es un icono SVG gratuito de la colección Carbon de IBM. Está dibujado en una cuadrícula de 32 × 32. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Carbon
Autor
IBM
Licencia
Apache-2.0
Tamaño
32 × 32
Categoría
Organización
Etiquetas
mappinghide
Descargar SVG

Código SVG

<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>

Cómo usar el icono Mapping Hide

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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/carbon/mapping-hide.svg" alt="Icono Mapping Hide" width="24" height="24">

Iconos relacionados en Carbon

Preguntas frecuentes sobre Icono Mapping Hide

¿El icono Mapping Hide es gratis para uso comercial?

Sí. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Mapping Hide en React?

Instala @iconify/react y renderiza <Icon icon="carbon:mapping-hide" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Mapping Hide a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/mapping-hide.svg" alt="Icono Mapping Hide">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Carbon →