update now icon

update-now from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.

Name
update-now
Set
Carbon
Style
Outline
Category
Actions
Viewbox
32×32
License
Apache 2.0

More actions icons from Carbon

activity-taskadapter-notificationaddadd-altadd-commentadd-largealign-box-bottom-centeralign-box-bottom-leftalign-box-bottom-rightalign-box-middle-centeralign-box-middle-leftalign-box-middle-rightalign-box-top-centeralign-box-top-leftalign-box-top-rightalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-vertical-bottomalign-vertical-centeralign-vertical-topappsareaarea-custom

Use the update now icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m27 25.586l-2-2V21h-2v3.414L25.586 27z"/><path fill="currentColor" d="M24 31a7 7 0 1 1 7-7a7.01 7.01 0 0 1-7 7m0-12a5 5 0 1 0 5 5a5.006 5.006 0 0 0-5-5m-8 9A12.013 12.013 0 0 1 4 16H2a14.016 14.016 0 0 0 14 14ZM12 8H7.078A11.984 11.984 0 0 1 28 16h2A13.978 13.978 0 0 0 6 6.234V2H4v8h8Z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonUpdateNow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m27 25.586l-2-2V21h-2v3.414L25.586 27z"/><path fill="currentColor" d="M24 31a7 7 0 1 1 7-7a7.01 7.01 0 0 1-7 7m0-12a5 5 0 1 0 5 5a5.006 5.006 0 0 0-5-5m-8 9A12.013 12.013 0 0 1 4 16H2a14.016 14.016 0 0 0 14 14ZM12 8H7.078A11.984 11.984 0 0 1 28 16h2A13.978 13.978 0 0 0 6 6.234V2H4v8h8Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m27 25.586l-2-2V21h-2v3.414L25.586 27z"/><path fill="currentColor" d="M24 31a7 7 0 1 1 7-7a7.01 7.01 0 0 1-7 7m0-12a5 5 0 1 0 5 5a5.006 5.006 0 0 0-5-5m-8 9A12.013 12.013 0 0 1 4 16H2a14.016 14.016 0 0 0 14 14ZM12 8H7.078A11.984 11.984 0 0 1 28 16h2A13.978 13.978 0 0 0 6 6.234V2H4v8h8Z"/></svg>
</template>

CSS

.icon-update-now {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m27%2025.586l-2-2V21h-2v3.414L25.586%2027z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2031a7%207%200%201%201%207-7a7.01%207.01%200%200%201-7%207m0-12a5%205%200%201%200%205%205a5.006%205.006%200%200%200-5-5m-8%209A12.013%2012.013%200%200%201%204%2016H2a14.016%2014.016%200%200%200%2014%2014ZM12%208H7.078A11.984%2011.984%200%200%201%2028%2016h2A13.978%2013.978%200%200%200%206%206.234V2H4v8h8Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m27%2025.586l-2-2V21h-2v3.414L25.586%2027z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2031a7%207%200%201%201%207-7a7.01%207.01%200%200%201-7%207m0-12a5%205%200%201%200%205%205a5.006%205.006%200%200%200-5-5m-8%209A12.013%2012.013%200%200%201%204%2016H2a14.016%2014.016%200%200%200%2014%2014ZM12%208H7.078A11.984%2011.984%200%200%201%2028%2016h2A13.978%2013.978%200%200%200%206%206.234V2H4v8h8Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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