routine icon

routine from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: routine
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: routine-sharp

3 other variants in Material Symbols

routine-outline routine-outline-rounded routine-rounded

The same icon in other sets

routineMaterial Symbols Light

More social icons from Material Symbols

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="M14.175 14.888q1.575.912 3.375 1.412q-1 1.275-2.45 1.988T12.025 19Q9.1 19 7.063 16.963T5.025 12q0-1.625.713-3.075t1.987-2.45q.5 1.8 1.413 3.375t2.187 2.85t2.85 2.188m4.4-.388q-.5-.125-.987-.275t-.963-.35q.2-.45.288-.913T17 12q0-2.075-1.463-3.537T12 7q-.5 0-.962.088t-.913.287q-.2-.475-.337-.95t-.263-.975q.6-.225 1.225-.337T12.025 5q2.925 0 4.963 2.038T19.025 12q0 .65-.112 1.275t-.338 1.225M11 3V0h2v3zm0 21v-3h2v3zm8.075-17.65L17.65 4.925l2.125-2.1l1.425 1.4zM4.225 21.175l-1.425-1.4l2.125-2.125l1.425 1.425zM21 13v-2h3v2zM0 13v-2h3v2zm19.775 8.2l-2.125-2.125l1.425-1.425l2.1 2.125zM4.925 6.35l-2.1-2.125l1.4-1.425L6.35 4.925z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsRoutine(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="M14.175 14.888q1.575.912 3.375 1.412q-1 1.275-2.45 1.988T12.025 19Q9.1 19 7.063 16.963T5.025 12q0-1.625.713-3.075t1.987-2.45q.5 1.8 1.413 3.375t2.187 2.85t2.85 2.188m4.4-.388q-.5-.125-.987-.275t-.963-.35q.2-.45.288-.913T17 12q0-2.075-1.463-3.537T12 7q-.5 0-.962.088t-.913.287q-.2-.475-.337-.95t-.263-.975q.6-.225 1.225-.337T12.025 5q2.925 0 4.963 2.038T19.025 12q0 .65-.112 1.275t-.338 1.225M11 3V0h2v3zm0 21v-3h2v3zm8.075-17.65L17.65 4.925l2.125-2.1l1.425 1.4zM4.225 21.175l-1.425-1.4l2.125-2.125l1.425 1.425zM21 13v-2h3v2zM0 13v-2h3v2zm19.775 8.2l-2.125-2.125l1.425-1.425l2.1 2.125zM4.925 6.35l-2.1-2.125l1.4-1.425L6.35 4.925z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.175 14.888q1.575.912 3.375 1.412q-1 1.275-2.45 1.988T12.025 19Q9.1 19 7.063 16.963T5.025 12q0-1.625.713-3.075t1.987-2.45q.5 1.8 1.413 3.375t2.187 2.85t2.85 2.188m4.4-.388q-.5-.125-.987-.275t-.963-.35q.2-.45.288-.913T17 12q0-2.075-1.463-3.537T12 7q-.5 0-.962.088t-.913.287q-.2-.475-.337-.95t-.263-.975q.6-.225 1.225-.337T12.025 5q2.925 0 4.963 2.038T19.025 12q0 .65-.112 1.275t-.338 1.225M11 3V0h2v3zm0 21v-3h2v3zm8.075-17.65L17.65 4.925l2.125-2.1l1.425 1.4zM4.225 21.175l-1.425-1.4l2.125-2.125l1.425 1.425zM21 13v-2h3v2zM0 13v-2h3v2zm19.775 8.2l-2.125-2.125l1.425-1.425l2.1 2.125zM4.925 6.35l-2.1-2.125l1.4-1.425L6.35 4.925z"/></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%22M14.175%2014.888q1.575.912%203.375%201.412q-1%201.275-2.45%201.988T12.025%2019Q9.1%2019%207.063%2016.963T5.025%2012q0-1.625.713-3.075t1.987-2.45q.5%201.8%201.413%203.375t2.187%202.85t2.85%202.188m4.4-.388q-.5-.125-.987-.275t-.963-.35q.2-.45.288-.913T17%2012q0-2.075-1.463-3.537T12%207q-.5%200-.962.088t-.913.287q-.2-.475-.337-.95t-.263-.975q.6-.225%201.225-.337T12.025%205q2.925%200%204.963%202.038T19.025%2012q0%20.65-.112%201.275t-.338%201.225M11%203V0h2v3zm0%2021v-3h2v3zm8.075-17.65L17.65%204.925l2.125-2.1l1.425%201.4zM4.225%2021.175l-1.425-1.4l2.125-2.125l1.425%201.425zM21%2013v-2h3v2zM0%2013v-2h3v2zm19.775%208.2l-2.125-2.125l1.425-1.425l2.1%202.125zM4.925%206.35l-2.1-2.125l1.4-1.425L6.35%204.925z%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%22M14.175%2014.888q1.575.912%203.375%201.412q-1%201.275-2.45%201.988T12.025%2019Q9.1%2019%207.063%2016.963T5.025%2012q0-1.625.713-3.075t1.987-2.45q.5%201.8%201.413%203.375t2.187%202.85t2.85%202.188m4.4-.388q-.5-.125-.987-.275t-.963-.35q.2-.45.288-.913T17%2012q0-2.075-1.463-3.537T12%207q-.5%200-.962.088t-.913.287q-.2-.475-.337-.95t-.263-.975q.6-.225%201.225-.337T12.025%205q2.925%200%204.963%202.038T19.025%2012q0%20.65-.112%201.275t-.338%201.225M11%203V0h2v3zm0%2021v-3h2v3zm8.075-17.65L17.65%204.925l2.125-2.1l1.425%201.4zM4.225%2021.175l-1.425-1.4l2.125-2.125l1.425%201.425zM21%2013v-2h3v2zM0%2013v-2h3v2zm19.775%208.2l-2.125-2.125l1.425-1.425l2.1%202.125zM4.925%206.35l-2.1-2.125l1.4-1.425L6.35%204.925z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/routine.svg?color=%231a73e8&size=48