ICONYZ
Español
Icono Many To Many de IconPark

Icono Many To Many

icon-park:many-to-many

El icono Many To Many (icon-park:many-to-many) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark 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
IconPark
Autor
ByteDance
Licencia
Apache-2.0
Tamaño
48 × 48
Categoría
Edición
Etiquetas
manyto, tomany, manytomany
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M42 7H6C4.89543 7 4 7.89543 4 9V39C4 40.1046 4.89543 41 6 41H42C43.1046 41 44 40.1046 44 39V9C44 7.89543 43.1046 7 42 7Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M30 30V18L38 30V18"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M10 30V18L18 30V18"/><path stroke="#fff" stroke-linecap="round" d="M24 20V21"/><path stroke="#fff" stroke-linecap="round" d="M24 27V28"/></g></svg>

Cómo usar el icono Many To Many

React

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

<Icon icon="icon-park:many-to-many" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:many-to-many" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:many-to-many" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--many-to-many]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:many-to-many"></div>

Web component

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

<iconify-icon icon="icon-park:many-to-many"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/many-to-many.svg" alt="Icono Many To Many" width="24" height="24">

El icono Many To Many en otras colecciones

Preguntas frecuentes sobre Icono Many To Many

¿El icono Many To Many es gratis para uso comercial?

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

¿Cómo uso el icono Many To Many en React?

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

¿Cómo añado el icono Many To Many a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/many-to-many.svg" alt="Icono Many To Many">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →