Иконка Macro Auto Outline
material-symbols-light:macro-auto-outline
Иконка Macro Auto Outline (material-symbols-light:macro-auto-outline) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Google
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Изображения
- Теги
- macroauto, autooutline, macroautooutline, macro auto outline sharp
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/macro-auto-outline.svg" alt="Иконка Macro Auto Outline" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Macro Auto Outline в других наборах
Вопросы и ответы: Иконка Macro Auto Outline
Можно ли бесплатно использовать иконку Macro Auto Outline в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Macro Auto Outline в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:macro-auto-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Macro Auto Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/macro-auto-outline.svg" alt="Иконка Macro Auto Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
ICONYZ
