update icon
update from Material Design Icons by Pictogrammers · Filled · Date / Time · Apache-2.0 Free for personal and commercial use.
- Name
- update
- Set
- Material Design Icons
- Style
- Filled
- Category
- Date / Time
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- clockwise
The same icon in other sets
More date / time icons from Material Design Icons
airplane-clockalarmalarm-checkalarm-multiplealarm-offalarm-plusalarm-snoozearchive-clockav-timerbed-clockbook-clockbriefcase-clockbus-clockcalendarcalendar-arrow-leftcalendar-arrow-rightcalendar-badgecalendar-blankcalendar-blank-multiplecalendar-checkcalendar-clockcalendar-collapse-horizontalcalendar-cursorcalendar-edit
Use the update icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1a6.887 6.887 0 0 0 0 9.8c2.73 2.7 7.15 2.7 9.88 0c1.36-1.35 2.04-2.92 2.04-4.9h2c0 1.98-.88 4.55-2.64 6.29c-3.51 3.48-9.21 3.48-12.72 0c-3.5-3.47-3.53-9.11-.02-12.58a8.987 8.987 0 0 1 12.65 0L21 3zM12.5 8v4.25l3.5 2.08l-.72 1.21L11 13V8z"/></svg>
React
import type { SVGProps } from "react";
export function MdiUpdate(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="M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1a6.887 6.887 0 0 0 0 9.8c2.73 2.7 7.15 2.7 9.88 0c1.36-1.35 2.04-2.92 2.04-4.9h2c0 1.98-.88 4.55-2.64 6.29c-3.51 3.48-9.21 3.48-12.72 0c-3.5-3.47-3.53-9.11-.02-12.58a8.987 8.987 0 0 1 12.65 0L21 3zM12.5 8v4.25l3.5 2.08l-.72 1.21L11 13V8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1a6.887 6.887 0 0 0 0 9.8c2.73 2.7 7.15 2.7 9.88 0c1.36-1.35 2.04-2.92 2.04-4.9h2c0 1.98-.88 4.55-2.64 6.29c-3.51 3.48-9.21 3.48-12.72 0c-3.5-3.47-3.53-9.11-.02-12.58a8.987 8.987 0 0 1 12.65 0L21 3zM12.5 8v4.25l3.5 2.08l-.72 1.21L11 13V8z"/></svg> </template>
CSS
.icon-update {
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%22M21%2010.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1a6.887%206.887%200%200%200%200%209.8c2.73%202.7%207.15%202.7%209.88%200c1.36-1.35%202.04-2.92%202.04-4.9h2c0%201.98-.88%204.55-2.64%206.29c-3.51%203.48-9.21%203.48-12.72%200c-3.5-3.47-3.53-9.11-.02-12.58a8.987%208.987%200%200%201%2012.65%200L21%203zM12.5%208v4.25l3.5%202.08l-.72%201.21L11%2013V8z%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%22M21%2010.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1a6.887%206.887%200%200%200%200%209.8c2.73%202.7%207.15%202.7%209.88%200c1.36-1.35%202.04-2.92%202.04-4.9h2c0%201.98-.88%204.55-2.64%206.29c-3.51%203.48-9.21%203.48-12.72%200c-3.5-3.47-3.53-9.11-.02-12.58a8.987%208.987%200%200%201%2012.65%200L21%203zM12.5%208v4.25l3.5%202.08l-.72%201.21L11%2013V8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/update.svg?color=%231a73e8&size=48
