Icono Data Object

material-symbols:data-object

El icono Data Object (material-symbols:data-object) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols 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: Material Symbols
Autor: Google
Licencia: Apache-2.0
Tamaño: 24 × 24
Categoría: Texto
Etiquetas: brackets, code, coder, data, object, parentheses, editor, dataobject, data object outline

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14 20v-2h3q.425 0 .713-.288T18 17v-2q0-.95.55-1.725t1.45-1.1v-.35q-.9-.325-1.45-1.1T18 9V7q0-.425-.288-.712T17 6h-3V4h3q1.25 0 2.125.875T20 7v2q0 .425.288.713T21 10h1v4h-1q-.425 0-.712.288T20 15v2q0 1.25-.875 2.125T17 20zm-7 0q-1.25 0-2.125-.875T4 17v-2q0-.425-.288-.712T3 14H2v-4h1q.425 0 .713-.288T4 9V7q0-1.25.875-2.125T7 4h3v2H7q-.425 0-.712.288T6 7v2q0 .95-.55 1.725T4 11.825v.35q.9.325 1.45 1.1T6 15v2q0 .425.288.713T7 18h3v2z"/></svg>

Cómo usar el icono Data Object

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols:data-object" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols:data-object" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols:data-object" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--data-object]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:data-object"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols:data-object"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/data-object.svg" alt="Icono Data Object" width="24" height="24">

Iconos relacionados en Material Symbols

El icono Data Object en otras colecciones

Preguntas frecuentes sobre Icono Data Object

¿El icono Data Object es gratis para uso comercial?

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

¿Cómo uso el icono Data Object en React?

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

¿Cómo añado el icono Data Object a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/data-object.svg" alt="Icono Data Object">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Material Symbols →