Icono Content Settings
fluent-mdl2:content-settings
El icono Content Settings (fluent-mdl2:content-settings) 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
- contentsettings, setting
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 128v1064q-28-31-60-57t-68-50V640H128v1024h868q3 33 10 65t18 63H0V128zm-128 128H128v256h1792zM256 1536V768h640v768zm128-128h384V896H384zm1024-512h-384V768h384zm-384 130h384q-122 41-216 126h-168zm1014 462l-124 51q6 30 6 59q0 32-6 63l124 51l-49 119l-124-52q-17 25-38 47t-48 39l52 124l-119 49l-51-124q-30 6-61 6q-15 0-30-3t-30-6l-52 127l-119-49l52-125q-25-17-45-39t-38-47l-127 53l-49-119l124-51q-6-30-6-59q0-31 6-63l-124-51l49-119l124 52q17-25 38-47t48-39l-52-124l119-49l51 124q30-6 59-6q31 0 63 6l51-124l119 49l-52 124q25 17 47 38t39 48l124-52zm-438 303q40 0 75-15t61-41t41-61t15-74t-15-74t-41-61t-62-42t-74-15q-39 0-74 15t-61 41t-42 62t-15 74q0 40 15 74t41 61t62 41t74 15"/></svg>Cómo usar el icono Content Settings
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:content-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:content-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:content-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--content-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:content-settings"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:content-settings"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/content-settings.svg" alt="Icono Content Settings" width="24" height="24">Iconos relacionados en Fluent UI MDL2
Preguntas frecuentes sobre Icono Content Settings
¿El icono Content Settings 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 Content Settings en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:content-settings" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Content Settings a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/content-settings.svg" alt="Icono Content Settings">, o pega el código SVG en línea para darle estilo con CSS.