forms add on icon
forms-add-on-outline from Material Symbols Light by Google · Outline · Text · Apache-2.0 Free for personal and commercial use.
- Name
- forms-add-on-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- forms-add-on-outline-sharp
3 other variants 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 forms add on icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 21v-3h-3v-1h3v-3h1v3h3v1h-3v3zM6.846 19.5q-1.179 0-2.013-.813T4 16.673q0-.725.342-1.334q.343-.608.9-.993q-.576-.379-.91-1Q4 12.725 4 12t.342-1.324t.9-.984q-.557-.379-.9-.99T4 7.366q0-1.167.823-2.016q.823-.85 2.023-.85q.725 0 1.344.355t1.002.931q.38-.576.99-.931T11.54 4.5h5.615q1.175 0 2.01.836q.836.835.836 2.01q0 .725-.355 1.346q-.354.622-.931 1q.632.422.984 1.092t.296 1.432q-.24-.082-.492-.117T19 12.044q0-.767-.538-1.319q-.539-.552-1.308-.552h-5.615q-.77 0-1.308.533t-.539 1.293t.539 1.304q.538.543 1.308.543h2.902q-.207.233-.392.473t-.345.527h-2.166q-.769 0-1.307.533t-.539 1.293t.539 1.294t1.308.534h1.543q.05.275.118.516q.067.24.152.484h-1.814q-.744 0-1.355-.342t-.99-.92q-.385.577-1.004.92t-1.343.342m0-1q.77 0 1.308-.533q.538-.532.538-1.293t-.538-1.294t-1.308-.534t-1.307.533T5 16.672t.539 1.294t1.307.534m0-4.634q.77 0 1.308-.545q.538-.544.538-1.321q0-.761-.538-1.294t-1.308-.533t-1.307.533T5 12q0 .777.539 1.321q.538.544 1.307.544m0-4.673q.77 0 1.308-.533t.538-1.294q0-.777-.538-1.321T6.846 5.5t-1.307.544T5 7.366q0 .76.539 1.294q.538.532 1.307.532m4.693-.019h5.615q.769 0 1.308-.532T19 7.347t-.538-1.304t-1.308-.543h-5.615q-.77 0-1.308.539t-.539 1.307q0 .761.539 1.294q.538.533 1.308.533m-2.187.52"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFormsAddOnOutline(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="M18 21v-3h-3v-1h3v-3h1v3h3v1h-3v3zM6.846 19.5q-1.179 0-2.013-.813T4 16.673q0-.725.342-1.334q.343-.608.9-.993q-.576-.379-.91-1Q4 12.725 4 12t.342-1.324t.9-.984q-.557-.379-.9-.99T4 7.366q0-1.167.823-2.016q.823-.85 2.023-.85q.725 0 1.344.355t1.002.931q.38-.576.99-.931T11.54 4.5h5.615q1.175 0 2.01.836q.836.835.836 2.01q0 .725-.355 1.346q-.354.622-.931 1q.632.422.984 1.092t.296 1.432q-.24-.082-.492-.117T19 12.044q0-.767-.538-1.319q-.539-.552-1.308-.552h-5.615q-.77 0-1.308.533t-.539 1.293t.539 1.304q.538.543 1.308.543h2.902q-.207.233-.392.473t-.345.527h-2.166q-.769 0-1.307.533t-.539 1.293t.539 1.294t1.308.534h1.543q.05.275.118.516q.067.24.152.484h-1.814q-.744 0-1.355-.342t-.99-.92q-.385.577-1.004.92t-1.343.342m0-1q.77 0 1.308-.533q.538-.532.538-1.293t-.538-1.294t-1.308-.534t-1.307.533T5 16.672t.539 1.294t1.307.534m0-4.634q.77 0 1.308-.545q.538-.544.538-1.321q0-.761-.538-1.294t-1.308-.533t-1.307.533T5 12q0 .777.539 1.321q.538.544 1.307.544m0-4.673q.77 0 1.308-.533t.538-1.294q0-.777-.538-1.321T6.846 5.5t-1.307.544T5 7.366q0 .76.539 1.294q.538.532 1.307.532m4.693-.019h5.615q.769 0 1.308-.532T19 7.347t-.538-1.304t-1.308-.543h-5.615q-.77 0-1.308.539t-.539 1.307q0 .761.539 1.294q.538.533 1.308.533m-2.187.52"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 21v-3h-3v-1h3v-3h1v3h3v1h-3v3zM6.846 19.5q-1.179 0-2.013-.813T4 16.673q0-.725.342-1.334q.343-.608.9-.993q-.576-.379-.91-1Q4 12.725 4 12t.342-1.324t.9-.984q-.557-.379-.9-.99T4 7.366q0-1.167.823-2.016q.823-.85 2.023-.85q.725 0 1.344.355t1.002.931q.38-.576.99-.931T11.54 4.5h5.615q1.175 0 2.01.836q.836.835.836 2.01q0 .725-.355 1.346q-.354.622-.931 1q.632.422.984 1.092t.296 1.432q-.24-.082-.492-.117T19 12.044q0-.767-.538-1.319q-.539-.552-1.308-.552h-5.615q-.77 0-1.308.533t-.539 1.293t.539 1.304q.538.543 1.308.543h2.902q-.207.233-.392.473t-.345.527h-2.166q-.769 0-1.307.533t-.539 1.293t.539 1.294t1.308.534h1.543q.05.275.118.516q.067.24.152.484h-1.814q-.744 0-1.355-.342t-.99-.92q-.385.577-1.004.92t-1.343.342m0-1q.77 0 1.308-.533q.538-.532.538-1.293t-.538-1.294t-1.308-.534t-1.307.533T5 16.672t.539 1.294t1.307.534m0-4.634q.77 0 1.308-.545q.538-.544.538-1.321q0-.761-.538-1.294t-1.308-.533t-1.307.533T5 12q0 .777.539 1.321q.538.544 1.307.544m0-4.673q.77 0 1.308-.533t.538-1.294q0-.777-.538-1.321T6.846 5.5t-1.307.544T5 7.366q0 .76.539 1.294q.538.532 1.307.532m4.693-.019h5.615q.769 0 1.308-.532T19 7.347t-.538-1.304t-1.308-.543h-5.615q-.77 0-1.308.539t-.539 1.307q0 .761.539 1.294q.538.533 1.308.533m-2.187.52"/></svg> </template>
CSS
.icon-forms-add-on-outline {
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%22M18%2021v-3h-3v-1h3v-3h1v3h3v1h-3v3zM6.846%2019.5q-1.179%200-2.013-.813T4%2016.673q0-.725.342-1.334q.343-.608.9-.993q-.576-.379-.91-1Q4%2012.725%204%2012t.342-1.324t.9-.984q-.557-.379-.9-.99T4%207.366q0-1.167.823-2.016q.823-.85%202.023-.85q.725%200%201.344.355t1.002.931q.38-.576.99-.931T11.54%204.5h5.615q1.175%200%202.01.836q.836.835.836%202.01q0%20.725-.355%201.346q-.354.622-.931%201q.632.422.984%201.092t.296%201.432q-.24-.082-.492-.117T19%2012.044q0-.767-.538-1.319q-.539-.552-1.308-.552h-5.615q-.77%200-1.308.533t-.539%201.293t.539%201.304q.538.543%201.308.543h2.902q-.207.233-.392.473t-.345.527h-2.166q-.769%200-1.307.533t-.539%201.293t.539%201.294t1.308.534h1.543q.05.275.118.516q.067.24.152.484h-1.814q-.744%200-1.355-.342t-.99-.92q-.385.577-1.004.92t-1.343.342m0-1q.77%200%201.308-.533q.538-.532.538-1.293t-.538-1.294t-1.308-.534t-1.307.533T5%2016.672t.539%201.294t1.307.534m0-4.634q.77%200%201.308-.545q.538-.544.538-1.321q0-.761-.538-1.294t-1.308-.533t-1.307.533T5%2012q0%20.777.539%201.321q.538.544%201.307.544m0-4.673q.77%200%201.308-.533t.538-1.294q0-.777-.538-1.321T6.846%205.5t-1.307.544T5%207.366q0%20.76.539%201.294q.538.532%201.307.532m4.693-.019h5.615q.769%200%201.308-.532T19%207.347t-.538-1.304t-1.308-.543h-5.615q-.77%200-1.308.539t-.539%201.307q0%20.761.539%201.294q.538.533%201.308.533m-2.187.52%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%22M18%2021v-3h-3v-1h3v-3h1v3h3v1h-3v3zM6.846%2019.5q-1.179%200-2.013-.813T4%2016.673q0-.725.342-1.334q.343-.608.9-.993q-.576-.379-.91-1Q4%2012.725%204%2012t.342-1.324t.9-.984q-.557-.379-.9-.99T4%207.366q0-1.167.823-2.016q.823-.85%202.023-.85q.725%200%201.344.355t1.002.931q.38-.576.99-.931T11.54%204.5h5.615q1.175%200%202.01.836q.836.835.836%202.01q0%20.725-.355%201.346q-.354.622-.931%201q.632.422.984%201.092t.296%201.432q-.24-.082-.492-.117T19%2012.044q0-.767-.538-1.319q-.539-.552-1.308-.552h-5.615q-.77%200-1.308.533t-.539%201.293t.539%201.304q.538.543%201.308.543h2.902q-.207.233-.392.473t-.345.527h-2.166q-.769%200-1.307.533t-.539%201.293t.539%201.294t1.308.534h1.543q.05.275.118.516q.067.24.152.484h-1.814q-.744%200-1.355-.342t-.99-.92q-.385.577-1.004.92t-1.343.342m0-1q.77%200%201.308-.533q.538-.532.538-1.293t-.538-1.294t-1.308-.534t-1.307.533T5%2016.672t.539%201.294t1.307.534m0-4.634q.77%200%201.308-.545q.538-.544.538-1.321q0-.761-.538-1.294t-1.308-.533t-1.307.533T5%2012q0%20.777.539%201.321q.538.544%201.307.544m0-4.673q.77%200%201.308-.533t.538-1.294q0-.777-.538-1.321T6.846%205.5t-1.307.544T5%207.366q0%20.76.539%201.294q.538.532%201.307.532m4.693-.019h5.615q.769%200%201.308-.532T19%207.347t-.538-1.304t-1.308-.543h-5.615q-.77%200-1.308.539t-.539%201.307q0%20.761.539%201.294q.538.533%201.308.533m-2.187.52%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/forms-add-on-outline.svg?color=%231a73e8&size=48
