Ícone Data Management Settings
fluent-mdl2:data-management-settings
O ícone Data Management Settings (fluent-mdl2:data-management-settings) é um ícone SVG gratuito da coleção Fluent UI MDL2 de Microsoft Corporation. Ele é desenhado em uma grade de 2048 × 2048. Fluent UI MDL2 icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 2048 × 2048
- Tags
- datamanagement, managementsettings, datamanagementsettings, 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="M960 1796q48 0 98-3q25 66 62 123q-40 4-80 6t-80 2q-134 0-262-22q-37-6-84-17t-96-29t-96-41t-84-55t-59-69t-23-87V452q0-45 19-80t51-66q34-34 81-60t103-45t115-33t119-21t114-11t102-4q72 0 159 8t175 27t167 54t133 85q31 29 50 66t20 80v572h-128V642q-60 37-131 62t-147 40t-152 21t-146 7q-69 0-145-6t-153-22t-147-40t-131-62v962q0 20 14 37t29 28q47 37 114 61t142 39t147 21t130 6m0-1536q-51 0-106 3t-112 12t-110 22t-101 33q-15 6-40 18t-49 29t-41 35t-17 40q0 8 3 15t8 14q22 32 63 57t92 43t108 30t113 19t104 11t85 3q35 0 84-3t105-10t112-20t109-30t91-42t64-58q5-7 8-14t3-15q0-21-17-40t-41-35t-49-28t-40-19q-47-19-101-32t-110-22t-111-12t-107-4m954 1279q6 30 6 61t-6 61l124 51l-49 119l-124-52q-35 51-86 86l52 124l-119 49l-51-124q-30 6-61 6t-61-6l-51 124l-119-49l52-124q-51-35-86-86l-124 52l-49-119l124-51q-6-30-6-61t6-61l-124-51l49-119l124 52q35-51 86-86l-52-124l119-49l51 124q30-6 61-6t61 6l51-124l119 49l-52 124q51 35 86 86l124-52l49 119zm-314 253q40 0 75-15t61-41t41-61t15-75t-15-75t-41-61t-61-41t-75-15t-75 15t-61 41t-41 61t-15 75t15 75t41 61t61 41t75 15"/></svg>Como usar o ícone Data Management Settings
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:data-management-settings" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:data-management-settings" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:data-management-settings" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--data-management-settings]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:data-management-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:data-management-settings"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/data-management-settings.svg" alt="Ícone Data Management Settings" width="24" height="24">Ícones relacionados em Fluent UI MDL2
Perguntas frequentes sobre Ícone Data Management Settings
O ícone Data Management Settings é grátis para uso comercial?
Sim. Fluent UI MDL2 icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Data Management Settings no React?
Instale @iconify/react e renderize <Icon icon="fluent-mdl2:data-management-settings" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Data Management Settings a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/data-management-settings.svg" alt="Ícone Data Management Settings">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.