Icono Types
carbon:types
El icono Types (carbon:types) 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m30 16l-8 8l-1.414-1.414L27.172 16l-6.586-6.586L22 8z"/><path fill="currentColor" d="M16 22a1 1 0 0 1-.707-.293l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5A1 1 0 0 1 16 22m-3.586-6L16 19.586L19.586 16L16 12.414Z"/><path fill="currentColor" d="m2 16l8-8l1.414 1.414L4.828 16l6.586 6.586L10 24z"/></svg>Cómo usar el icono Types
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:types" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:types" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:types" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--types]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:types"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:types"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/carbon/types.svg" alt="Icono Types" width="24" height="24">El icono Types en otras colecciones
Preguntas frecuentes sobre Icono Types
¿El icono Types 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 Types en React?
Instala @iconify/react y renderiza <Icon icon="carbon:types" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Types a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/types.svg" alt="Icono Types">, o pega el código SVG en línea para darle estilo con CSS.