document autosave icon
document-autosave-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- document-autosave-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in Fluent UI System Icons
document-100-16-filleddocument-add-16-filleddocument-arrow-down-16-filleddocument-arrow-down-off-20-filleddocument-arrow-left-16-filleddocument-arrow-right-16-filleddocument-arrow-up-16-filleddocument-border-20-filleddocument-border-print-20-filleddocument-briefcase-16-filleddocument-broken-20-filleddocument-bullet-list-16-filleddocument-bullet-list-arrow-left-16-filleddocument-bullet-list-clock-20-filleddocument-bullet-list-cube-16-filleddocument-bullet-list-multiple-20-filleddocument-bullet-list-off-20-filleddocument-catch-up-16-filleddocument-checkmark-16-filleddocument-chevron-double-20-filleddocument-code-16-filleddocument-contract-16-filleddocument-copy-16-filleddocument-cs-16-filled
Use the document autosave icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M6.5 12a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11zm5.629-10a2.25 2.25 0 0 1 1.59.659l2.812 2.81l2.808 2.812c.421.422.658.994.658 1.59v9.879a2.25 2.25 0 0 1-2.25 2.25H11.19c.426-.443.79-.948 1.077-1.499l5.48-.001a.75.75 0 0 0 .75-.75l-.001-9.747H14.25a2.25 2.25 0 0 1-2.245-2.095L12 7.754L11.999 3.5H6.25a.75.75 0 0 0-.75.75v6.827a6.453 6.453 0 0 0-1.5.422V4.25A2.25 2.25 0 0 1 6.25 2h5.879zM9.5 17.5h-2l-.09.008a.5.5 0 0 0 0 .984l.09.008h.87a2.126 2.126 0 0 1-3.614.216a.5.5 0 1 0-.82.574a3.116 3.116 0 0 0 2.56 1.334c.949 0 1.809-.426 2.385-1.106l.12-.15L9 20l.008.09a.5.5 0 0 0 .984 0L10 20v-2l-.008-.09a.5.5 0 0 0-.492-.41zm-3.004-3.124c-.945 0-1.803.424-2.38 1.1l-.119.15l.002-.626l-.008-.09a.5.5 0 0 0-.984 0l-.008.09v2l.008.09a.5.5 0 0 0 .402.402l.09.008H5.5l.09-.008a.5.5 0 0 0 0-.984L5.5 16.5h-.878a2.126 2.126 0 0 1 3.62-.21a.5.5 0 0 0 .82-.57a3.116 3.116 0 0 0-2.566-1.343zM13.5 4.56l.001 3.195c0 .38.282.693.648.743l.102.007l3.191-.001l-3.942-3.944z" fill="currentColor" fill-rule="nonzero"/></svg>
React
import type { SVGProps } from "react";
export function FluentDocumentAutosave24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M6.5 12a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11zm5.629-10a2.25 2.25 0 0 1 1.59.659l2.812 2.81l2.808 2.812c.421.422.658.994.658 1.59v9.879a2.25 2.25 0 0 1-2.25 2.25H11.19c.426-.443.79-.948 1.077-1.499l5.48-.001a.75.75 0 0 0 .75-.75l-.001-9.747H14.25a2.25 2.25 0 0 1-2.245-2.095L12 7.754L11.999 3.5H6.25a.75.75 0 0 0-.75.75v6.827a6.453 6.453 0 0 0-1.5.422V4.25A2.25 2.25 0 0 1 6.25 2h5.879zM9.5 17.5h-2l-.09.008a.5.5 0 0 0 0 .984l.09.008h.87a2.126 2.126 0 0 1-3.614.216a.5.5 0 1 0-.82.574a3.116 3.116 0 0 0 2.56 1.334c.949 0 1.809-.426 2.385-1.106l.12-.15L9 20l.008.09a.5.5 0 0 0 .984 0L10 20v-2l-.008-.09a.5.5 0 0 0-.492-.41zm-3.004-3.124c-.945 0-1.803.424-2.38 1.1l-.119.15l.002-.626l-.008-.09a.5.5 0 0 0-.984 0l-.008.09v2l.008.09a.5.5 0 0 0 .402.402l.09.008H5.5l.09-.008a.5.5 0 0 0 0-.984L5.5 16.5h-.878a2.126 2.126 0 0 1 3.62-.21a.5.5 0 0 0 .82-.57a3.116 3.116 0 0 0-2.566-1.343zM13.5 4.56l.001 3.195c0 .38.282.693.648.743l.102.007l3.191-.001l-3.942-3.944z" fill="currentColor" fillRule="nonzero"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M6.5 12a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11zm5.629-10a2.25 2.25 0 0 1 1.59.659l2.812 2.81l2.808 2.812c.421.422.658.994.658 1.59v9.879a2.25 2.25 0 0 1-2.25 2.25H11.19c.426-.443.79-.948 1.077-1.499l5.48-.001a.75.75 0 0 0 .75-.75l-.001-9.747H14.25a2.25 2.25 0 0 1-2.245-2.095L12 7.754L11.999 3.5H6.25a.75.75 0 0 0-.75.75v6.827a6.453 6.453 0 0 0-1.5.422V4.25A2.25 2.25 0 0 1 6.25 2h5.879zM9.5 17.5h-2l-.09.008a.5.5 0 0 0 0 .984l.09.008h.87a2.126 2.126 0 0 1-3.614.216a.5.5 0 1 0-.82.574a3.116 3.116 0 0 0 2.56 1.334c.949 0 1.809-.426 2.385-1.106l.12-.15L9 20l.008.09a.5.5 0 0 0 .984 0L10 20v-2l-.008-.09a.5.5 0 0 0-.492-.41zm-3.004-3.124c-.945 0-1.803.424-2.38 1.1l-.119.15l.002-.626l-.008-.09a.5.5 0 0 0-.984 0l-.008.09v2l.008.09a.5.5 0 0 0 .402.402l.09.008H5.5l.09-.008a.5.5 0 0 0 0-.984L5.5 16.5h-.878a2.126 2.126 0 0 1 3.62-.21a.5.5 0 0 0 .82-.57a3.116 3.116 0 0 0-2.566-1.343zM13.5 4.56l.001 3.195c0 .38.282.693.648.743l.102.007l3.191-.001l-3.942-3.944z" fill="currentColor" fill-rule="nonzero"/></svg> </template>
CSS
.icon-document-autosave-24-regular {
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%20d%3D%22M6.5%2012a5.5%205.5%200%201%201%200%2011a5.5%205.5%200%200%201%200-11zm5.629-10a2.25%202.25%200%200%201%201.59.659l2.812%202.81l2.808%202.812c.421.422.658.994.658%201.59v9.879a2.25%202.25%200%200%201-2.25%202.25H11.19c.426-.443.79-.948%201.077-1.499l5.48-.001a.75.75%200%200%200%20.75-.75l-.001-9.747H14.25a2.25%202.25%200%200%201-2.245-2.095L12%207.754L11.999%203.5H6.25a.75.75%200%200%200-.75.75v6.827a6.453%206.453%200%200%200-1.5.422V4.25A2.25%202.25%200%200%201%206.25%202h5.879zM9.5%2017.5h-2l-.09.008a.5.5%200%200%200%200%20.984l.09.008h.87a2.126%202.126%200%200%201-3.614.216a.5.5%200%201%200-.82.574a3.116%203.116%200%200%200%202.56%201.334c.949%200%201.809-.426%202.385-1.106l.12-.15L9%2020l.008.09a.5.5%200%200%200%20.984%200L10%2020v-2l-.008-.09a.5.5%200%200%200-.492-.41zm-3.004-3.124c-.945%200-1.803.424-2.38%201.1l-.119.15l.002-.626l-.008-.09a.5.5%200%200%200-.984%200l-.008.09v2l.008.09a.5.5%200%200%200%20.402.402l.09.008H5.5l.09-.008a.5.5%200%200%200%200-.984L5.5%2016.5h-.878a2.126%202.126%200%200%201%203.62-.21a.5.5%200%200%200%20.82-.57a3.116%203.116%200%200%200-2.566-1.343zM13.5%204.56l.001%203.195c0%20.38.282.693.648.743l.102.007l3.191-.001l-3.942-3.944z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%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%20d%3D%22M6.5%2012a5.5%205.5%200%201%201%200%2011a5.5%205.5%200%200%201%200-11zm5.629-10a2.25%202.25%200%200%201%201.59.659l2.812%202.81l2.808%202.812c.421.422.658.994.658%201.59v9.879a2.25%202.25%200%200%201-2.25%202.25H11.19c.426-.443.79-.948%201.077-1.499l5.48-.001a.75.75%200%200%200%20.75-.75l-.001-9.747H14.25a2.25%202.25%200%200%201-2.245-2.095L12%207.754L11.999%203.5H6.25a.75.75%200%200%200-.75.75v6.827a6.453%206.453%200%200%200-1.5.422V4.25A2.25%202.25%200%200%201%206.25%202h5.879zM9.5%2017.5h-2l-.09.008a.5.5%200%200%200%200%20.984l.09.008h.87a2.126%202.126%200%200%201-3.614.216a.5.5%200%201%200-.82.574a3.116%203.116%200%200%200%202.56%201.334c.949%200%201.809-.426%202.385-1.106l.12-.15L9%2020l.008.09a.5.5%200%200%200%20.984%200L10%2020v-2l-.008-.09a.5.5%200%200%200-.492-.41zm-3.004-3.124c-.945%200-1.803.424-2.38%201.1l-.119.15l.002-.626l-.008-.09a.5.5%200%200%200-.984%200l-.008.09v2l.008.09a.5.5%200%200%200%20.402.402l.09.008H5.5l.09-.008a.5.5%200%200%200%200-.984L5.5%2016.5h-.878a2.126%202.126%200%200%201%203.62-.21a.5.5%200%200%200%20.82-.57a3.116%203.116%200%200%200-2.566-1.343zM13.5%204.56l.001%203.195c0%20.38.282.693.648.743l.102.007l3.191-.001l-3.942-3.944z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/document-autosave-24-regular.svg?color=%231a73e8&size=48
