round settings backup restore icon

round-settings-backup-restore from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.

Name: round-settings-backup-restore
Set: Google Material Icons
Style: Baseline
Category: Action
Viewbox: 24×24
License: Apache 2.0

Use the round settings backup restore icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.77 3c-2.65.07-5 1.28-6.6 3.16L3.85 4.85a.5.5 0 0 0-.85.36V9.5c0 .28.22.5.5.5h4.29c.45 0 .67-.54.35-.85L6.59 7.59C7.88 6.02 9.82 5 12 5c4.32 0 7.74 3.94 6.86 8.41c-.54 2.77-2.81 4.98-5.58 5.47c-3.8.68-7.18-1.74-8.05-5.16c-.12-.42-.52-.72-.96-.72c-.65 0-1.14.61-.98 1.23C4.28 18.12 7.8 21 12 21c5.06 0 9.14-4.17 9-9.26c-.14-4.88-4.35-8.86-9.23-8.74M14 12c0-1.1-.9-2-2-2s-2 .9-2 2s.9 2 2 2s2-.9 2-2"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundSettingsBackupRestore(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="M11.77 3c-2.65.07-5 1.28-6.6 3.16L3.85 4.85a.5.5 0 0 0-.85.36V9.5c0 .28.22.5.5.5h4.29c.45 0 .67-.54.35-.85L6.59 7.59C7.88 6.02 9.82 5 12 5c4.32 0 7.74 3.94 6.86 8.41c-.54 2.77-2.81 4.98-5.58 5.47c-3.8.68-7.18-1.74-8.05-5.16c-.12-.42-.52-.72-.96-.72c-.65 0-1.14.61-.98 1.23C4.28 18.12 7.8 21 12 21c5.06 0 9.14-4.17 9-9.26c-.14-4.88-4.35-8.86-9.23-8.74M14 12c0-1.1-.9-2-2-2s-2 .9-2 2s.9 2 2 2s2-.9 2-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.77 3c-2.65.07-5 1.28-6.6 3.16L3.85 4.85a.5.5 0 0 0-.85.36V9.5c0 .28.22.5.5.5h4.29c.45 0 .67-.54.35-.85L6.59 7.59C7.88 6.02 9.82 5 12 5c4.32 0 7.74 3.94 6.86 8.41c-.54 2.77-2.81 4.98-5.58 5.47c-3.8.68-7.18-1.74-8.05-5.16c-.12-.42-.52-.72-.96-.72c-.65 0-1.14.61-.98 1.23C4.28 18.12 7.8 21 12 21c5.06 0 9.14-4.17 9-9.26c-.14-4.88-4.35-8.86-9.23-8.74M14 12c0-1.1-.9-2-2-2s-2 .9-2 2s.9 2 2 2s2-.9 2-2"/></svg>
</template>

CSS

.icon-round-settings-backup-restore {
  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%22M11.77%203c-2.65.07-5%201.28-6.6%203.16L3.85%204.85a.5.5%200%200%200-.85.36V9.5c0%20.28.22.5.5.5h4.29c.45%200%20.67-.54.35-.85L6.59%207.59C7.88%206.02%209.82%205%2012%205c4.32%200%207.74%203.94%206.86%208.41c-.54%202.77-2.81%204.98-5.58%205.47c-3.8.68-7.18-1.74-8.05-5.16c-.12-.42-.52-.72-.96-.72c-.65%200-1.14.61-.98%201.23C4.28%2018.12%207.8%2021%2012%2021c5.06%200%209.14-4.17%209-9.26c-.14-4.88-4.35-8.86-9.23-8.74M14%2012c0-1.1-.9-2-2-2s-2%20.9-2%202s.9%202%202%202s2-.9%202-2%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%22M11.77%203c-2.65.07-5%201.28-6.6%203.16L3.85%204.85a.5.5%200%200%200-.85.36V9.5c0%20.28.22.5.5.5h4.29c.45%200%20.67-.54.35-.85L6.59%207.59C7.88%206.02%209.82%205%2012%205c4.32%200%207.74%203.94%206.86%208.41c-.54%202.77-2.81%204.98-5.58%205.47c-3.8.68-7.18-1.74-8.05-5.16c-.12-.42-.52-.72-.96-.72c-.65%200-1.14.61-.98%201.23C4.28%2018.12%207.8%2021%2012%2021c5.06%200%209.14-4.17%209-9.26c-.14-4.88-4.35-8.86-9.23-8.74M14%2012c0-1.1-.9-2-2-2s-2%20.9-2%202s.9%202%202%202s2-.9%202-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-settings-backup-restore.svg?color=%231a73e8&size=48

round settings backup restore icon

More action icons from Google Material Icons

Use the round settings backup restore icon

SVG

React

Vue

CSS