automation icon
automation from Material Symbols Light by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- automation
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- automation-rounded, automation-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More text icons from Material Symbols Light
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the automation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.361 16.596q-.857.721-1.793.646t-1.612-.64t-.913-1.482q-.235-.916.336-1.866l1.952-3.235q-.606-.453-.969-1.152Q4 8.17 4 7.347q0-1.4.973-2.374Q5.946 4 7.346 4t2.373.973t.973 2.373T9.72 9.72t-2.373.973q-.302 0-.584-.044t-.54-.152L4.24 13.785q-.352.585-.214 1.148t.56.914t1.006.4q.584.046 1.125-.4l9.942-8.448q.838-.721 1.758-.653q.919.068 1.615.634q.696.565.948 1.481t-.338 1.886L18.669 14q.606.454.969 1.142T20 16.654q0 1.4-.983 2.373q-.982.973-2.383.973q-1.38 0-2.353-.983t-.973-2.363t.973-2.363t2.353-.983q.302 0 .592.054t.547.161l1.989-3.307q.351-.585.222-1.148t-.55-.914q-.42-.352-1.005-.409t-1.125.409z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightAutomation(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.361 16.596q-.857.721-1.793.646t-1.612-.64t-.913-1.482q-.235-.916.336-1.866l1.952-3.235q-.606-.453-.969-1.152Q4 8.17 4 7.347q0-1.4.973-2.374Q5.946 4 7.346 4t2.373.973t.973 2.373T9.72 9.72t-2.373.973q-.302 0-.584-.044t-.54-.152L4.24 13.785q-.352.585-.214 1.148t.56.914t1.006.4q.584.046 1.125-.4l9.942-8.448q.838-.721 1.758-.653q.919.068 1.615.634q.696.565.948 1.481t-.338 1.886L18.669 14q.606.454.969 1.142T20 16.654q0 1.4-.983 2.373q-.982.973-2.383.973q-1.38 0-2.353-.983t-.973-2.363t.973-2.363t2.353-.983q.302 0 .592.054t.547.161l1.989-3.307q.351-.585.222-1.148t-.55-.914q-.42-.352-1.005-.409t-1.125.409z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.361 16.596q-.857.721-1.793.646t-1.612-.64t-.913-1.482q-.235-.916.336-1.866l1.952-3.235q-.606-.453-.969-1.152Q4 8.17 4 7.347q0-1.4.973-2.374Q5.946 4 7.346 4t2.373.973t.973 2.373T9.72 9.72t-2.373.973q-.302 0-.584-.044t-.54-.152L4.24 13.785q-.352.585-.214 1.148t.56.914t1.006.4q.584.046 1.125-.4l9.942-8.448q.838-.721 1.758-.653q.919.068 1.615.634q.696.565.948 1.481t-.338 1.886L18.669 14q.606.454.969 1.142T20 16.654q0 1.4-.983 2.373q-.982.973-2.383.973q-1.38 0-2.353-.983t-.973-2.363t.973-2.363t2.353-.983q.302 0 .592.054t.547.161l1.989-3.307q.351-.585.222-1.148t-.55-.914q-.42-.352-1.005-.409t-1.125.409z"/></svg> </template>
CSS
.icon-automation {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.361%2016.596q-.857.721-1.793.646t-1.612-.64t-.913-1.482q-.235-.916.336-1.866l1.952-3.235q-.606-.453-.969-1.152Q4%208.17%204%207.347q0-1.4.973-2.374Q5.946%204%207.346%204t2.373.973t.973%202.373T9.72%209.72t-2.373.973q-.302%200-.584-.044t-.54-.152L4.24%2013.785q-.352.585-.214%201.148t.56.914t1.006.4q.584.046%201.125-.4l9.942-8.448q.838-.721%201.758-.653q.919.068%201.615.634q.696.565.948%201.481t-.338%201.886L18.669%2014q.606.454.969%201.142T20%2016.654q0%201.4-.983%202.373q-.982.973-2.383.973q-1.38%200-2.353-.983t-.973-2.363t.973-2.363t2.353-.983q.302%200%20.592.054t.547.161l1.989-3.307q.351-.585.222-1.148t-.55-.914q-.42-.352-1.005-.409t-1.125.409z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.361%2016.596q-.857.721-1.793.646t-1.612-.64t-.913-1.482q-.235-.916.336-1.866l1.952-3.235q-.606-.453-.969-1.152Q4%208.17%204%207.347q0-1.4.973-2.374Q5.946%204%207.346%204t2.373.973t.973%202.373T9.72%209.72t-2.373.973q-.302%200-.584-.044t-.54-.152L4.24%2013.785q-.352.585-.214%201.148t.56.914t1.006.4q.584.046%201.125-.4l9.942-8.448q.838-.721%201.758-.653q.919.068%201.615.634q.696.565.948%201.481t-.338%201.886L18.669%2014q.606.454.969%201.142T20%2016.654q0%201.4-.983%202.373q-.982.973-2.383.973q-1.38%200-2.353-.983t-.973-2.363t.973-2.363t2.353-.983q.302%200%20.592.054t.547.161l1.989-3.307q.351-.585.222-1.148t-.55-.914q-.42-.352-1.005-.409t-1.125.409z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/automation.svg?color=%231a73e8&size=48
