routine icon
routine from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- routine
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- routine-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the routine icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.579 15.128q1.44.884 3.067 1.422q-.904.929-2.104 1.44t-2.517.51q-2.714 0-4.607-1.893T5.525 12q0-1.317.51-2.517q.511-1.2 1.44-2.104q.539 1.627 1.422 3.067q.884 1.44 2.063 2.62q1.178 1.178 2.619 2.062m4.457-.647q-.25-.067-.497-.15l-.491-.167q.22-.508.336-1.057q.116-.55.116-1.107q0-2.286-1.607-3.893T12 6.5q-.558 0-1.107.107t-1.057.326q-.084-.245-.154-.47t-.138-.475q.581-.244 1.206-.366t1.275-.122q2.714 0 4.607 1.893T18.525 12q0 .65-.122 1.275t-.366 1.206M11.5 3.269V.885h1v2.384zm0 19.847V20.73h1v2.384zm7.037-16.939l-.714-.713l1.644-1.639l.714.708zM4.533 20.175l-.714-.708l1.645-1.644l.713.714zM20.73 12.5v-1h2.384v1zm-19.847 0v-1H3.27v1zm18.583 7.68l-1.644-1.643l.714-.714l1.638 1.644zM5.464 6.178l-1.64-1.645l.708-.714l1.644 1.645z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightRoutine(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="M13.579 15.128q1.44.884 3.067 1.422q-.904.929-2.104 1.44t-2.517.51q-2.714 0-4.607-1.893T5.525 12q0-1.317.51-2.517q.511-1.2 1.44-2.104q.539 1.627 1.422 3.067q.884 1.44 2.063 2.62q1.178 1.178 2.619 2.062m4.457-.647q-.25-.067-.497-.15l-.491-.167q.22-.508.336-1.057q.116-.55.116-1.107q0-2.286-1.607-3.893T12 6.5q-.558 0-1.107.107t-1.057.326q-.084-.245-.154-.47t-.138-.475q.581-.244 1.206-.366t1.275-.122q2.714 0 4.607 1.893T18.525 12q0 .65-.122 1.275t-.366 1.206M11.5 3.269V.885h1v2.384zm0 19.847V20.73h1v2.384zm7.037-16.939l-.714-.713l1.644-1.639l.714.708zM4.533 20.175l-.714-.708l1.645-1.644l.713.714zM20.73 12.5v-1h2.384v1zm-19.847 0v-1H3.27v1zm18.583 7.68l-1.644-1.643l.714-.714l1.638 1.644zM5.464 6.178l-1.64-1.645l.708-.714l1.644 1.645z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.579 15.128q1.44.884 3.067 1.422q-.904.929-2.104 1.44t-2.517.51q-2.714 0-4.607-1.893T5.525 12q0-1.317.51-2.517q.511-1.2 1.44-2.104q.539 1.627 1.422 3.067q.884 1.44 2.063 2.62q1.178 1.178 2.619 2.062m4.457-.647q-.25-.067-.497-.15l-.491-.167q.22-.508.336-1.057q.116-.55.116-1.107q0-2.286-1.607-3.893T12 6.5q-.558 0-1.107.107t-1.057.326q-.084-.245-.154-.47t-.138-.475q.581-.244 1.206-.366t1.275-.122q2.714 0 4.607 1.893T18.525 12q0 .65-.122 1.275t-.366 1.206M11.5 3.269V.885h1v2.384zm0 19.847V20.73h1v2.384zm7.037-16.939l-.714-.713l1.644-1.639l.714.708zM4.533 20.175l-.714-.708l1.645-1.644l.713.714zM20.73 12.5v-1h2.384v1zm-19.847 0v-1H3.27v1zm18.583 7.68l-1.644-1.643l.714-.714l1.638 1.644zM5.464 6.178l-1.64-1.645l.708-.714l1.644 1.645z"/></svg> </template>
CSS
.icon-routine {
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%22M13.579%2015.128q1.44.884%203.067%201.422q-.904.929-2.104%201.44t-2.517.51q-2.714%200-4.607-1.893T5.525%2012q0-1.317.51-2.517q.511-1.2%201.44-2.104q.539%201.627%201.422%203.067q.884%201.44%202.063%202.62q1.178%201.178%202.619%202.062m4.457-.647q-.25-.067-.497-.15l-.491-.167q.22-.508.336-1.057q.116-.55.116-1.107q0-2.286-1.607-3.893T12%206.5q-.558%200-1.107.107t-1.057.326q-.084-.245-.154-.47t-.138-.475q.581-.244%201.206-.366t1.275-.122q2.714%200%204.607%201.893T18.525%2012q0%20.65-.122%201.275t-.366%201.206M11.5%203.269V.885h1v2.384zm0%2019.847V20.73h1v2.384zm7.037-16.939l-.714-.713l1.644-1.639l.714.708zM4.533%2020.175l-.714-.708l1.645-1.644l.713.714zM20.73%2012.5v-1h2.384v1zm-19.847%200v-1H3.27v1zm18.583%207.68l-1.644-1.643l.714-.714l1.638%201.644zM5.464%206.178l-1.64-1.645l.708-.714l1.644%201.645z%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%22M13.579%2015.128q1.44.884%203.067%201.422q-.904.929-2.104%201.44t-2.517.51q-2.714%200-4.607-1.893T5.525%2012q0-1.317.51-2.517q.511-1.2%201.44-2.104q.539%201.627%201.422%203.067q.884%201.44%202.063%202.62q1.178%201.178%202.619%202.062m4.457-.647q-.25-.067-.497-.15l-.491-.167q.22-.508.336-1.057q.116-.55.116-1.107q0-2.286-1.607-3.893T12%206.5q-.558%200-1.107.107t-1.057.326q-.084-.245-.154-.47t-.138-.475q.581-.244%201.206-.366t1.275-.122q2.714%200%204.607%201.893T18.525%2012q0%20.65-.122%201.275t-.366%201.206M11.5%203.269V.885h1v2.384zm0%2019.847V20.73h1v2.384zm7.037-16.939l-.714-.713l1.644-1.639l.714.708zM4.533%2020.175l-.714-.708l1.645-1.644l.713.714zM20.73%2012.5v-1h2.384v1zm-19.847%200v-1H3.27v1zm18.583%207.68l-1.644-1.643l.714-.714l1.638%201.644zM5.464%206.178l-1.64-1.645l.708-.714l1.644%201.645z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/routine.svg?color=%231a73e8&size=48
