Ícone Macro Auto Outline
material-symbols-light:macro-auto-outline
O ícone Macro Auto Outline (material-symbols-light:macro-auto-outline) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, 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
- Material Symbols Light
- Autor
- Google
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Imagens
- Tags
- macroauto, autooutline, macroautooutline, macro auto outline sharp
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 13.462q-.76 0-1.282-.525q-.524-.524-.524-1.283v-.162q-.217.167-.462.251t-.553.084q-.761 0-1.285-.524q-.523-.525-.523-1.284q0-.558.294-.988q.294-.431.772-.647q-.478-.215-.772-.646q-.294-.43-.294-.98q0-.77.525-1.293t1.285-.523q.308 0 .552.084t.461.251v-.154q0-.808.525-1.311t1.285-.504t1.283.504q.523.503.523 1.311v.154q.225-.175.487-.256q.263-.08.544-.073l-.787 2.011q-.344-.484-.872-.78q-.528-.294-1.18-.294q-1.05 0-1.775.725T9.5 8.385t.725 1.775t1.775.725q.344 0 .639-.085t.569-.229q.152.295.439.487t.67.192h1.816q-.23.267-.57.422q-.342.155-.74.155q-.308 0-.553-.084t-.462-.25v.16q0 .76-.525 1.284t-1.285.525m2.608-3.712l2.625-6.789h.638l2.675 6.789h-.896l-.761-1.916h-2.681l-.723 1.916zm1.915-2.677h2.058l-.998-2.692h-.05zM12 20.846q0-1.407.636-2.747q.635-1.34 1.687-2.391q1.052-1.052 2.392-1.688t2.747-.635q0 1.407-.636 2.747t-1.687 2.391t-2.392 1.688t-2.747.635m1.142-1.142q1.964-.525 3.308-1.87q1.344-1.344 1.87-3.307q-1.964.525-3.308 1.87t-1.87 3.307M12 20.846q0-1.407-.636-2.747q-.635-1.34-1.687-2.391q-1.052-1.052-2.391-1.688q-1.34-.635-2.748-.635q0 1.407.636 2.747t1.687 2.391q1.052 1.052 2.392 1.688t2.747.635m-1.142-1.142q-1.964-.525-3.308-1.87q-1.344-1.344-1.87-3.307q1.964.525 3.308 1.87t1.87 3.307m0 0"/></svg>
Como usar o ícone Macro Auto Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:macro-auto-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:macro-auto-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:macro-auto-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--macro-auto-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:macro-auto-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:macro-auto-outline"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/macro-auto-outline.svg" alt="Ícone Macro Auto Outline" width="24" height="24">
Ícones relacionados em Material Symbols Light
O ícone Macro Auto Outline em outras coleções
Perguntas frequentes sobre Ícone Macro Auto Outline
O ícone Macro Auto Outline é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Macro Auto Outline no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:macro-auto-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Macro Auto Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/macro-auto-outline.svg" alt="Ícone Macro Auto Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Symbols Light →
ICONYZ
