Icono Background Color
fluent-mdl2:background-color
El icono Background Color (fluent-mdl2:background-color) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, 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
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
- Etiquetas
- backgroundcolor
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 256v1792H256v-640l128 128v384h1536V384h-768V256zM704 1562L102 960l538-539V192q0-40 15-75t41-61t61-41t75-15t75 15t61 41t41 61t15 75v576H896V192q0-26-19-45t-45-19t-45 19t-19 45v283L347 896h842l65-64l-83-83l90-90l173 173zm357-538H347l357 358zm417 786q-67 0-129-23t-111-64t-77-100t-29-129q0-43 12-84t35-77l293-461l286 450q23 38 36 79t13 87q0 67-26 126t-72 102t-105 69t-126 25m-161-389q-22 33-22 71q0 36 15 64t41 49t57 30t65 11q33 0 64-11t54-33t38-50t15-64q0-41-24-79l-148-233z"/></svg>Cómo usar el icono Background Color
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:background-color" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:background-color" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:background-color" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--background-color]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:background-color"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:background-color"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/background-color.svg" alt="Icono Background Color" width="24" height="24">El icono Background Color en otras colecciones
Preguntas frecuentes sobre Icono Background Color
¿El icono Background Color es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Background Color en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:background-color" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Background Color a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/background-color.svg" alt="Icono Background Color">, o pega el código SVG en línea para darle estilo con CSS.