round cached icon
round-cached from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.
- Name
- round-cached
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Action
- Viewbox
- 24×24
- License
- Apache 2.0
More action icons from Google Material Icons
baseline-123baseline-3d-rotationbaseline-abcbaseline-accessibilitybaseline-accessibility-newbaseline-accessiblebaseline-accessible-forwardbaseline-account-balancebaseline-account-balance-walletbaseline-account-boxbaseline-account-circlebaseline-add-cardbaseline-add-homebaseline-add-shopping-cartbaseline-add-taskbaseline-add-to-drivebaseline-addchartbaseline-admin-panel-settingsbaseline-ads-clickbaseline-alarmbaseline-alarm-addbaseline-alarm-offbaseline-alarm-onbaseline-all-inbox
Use the round cached icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.65 8.35l-2.79 2.79c-.32.32-.1.86.35.86H18c0 3.31-2.69 6-6 6c-.79 0-1.56-.15-2.25-.44c-.36-.15-.77-.04-1.04.23c-.51.51-.33 1.37.34 1.64c.91.37 1.91.57 2.95.57c4.42 0 8-3.58 8-8h1.79c.45 0 .67-.54.35-.85l-2.79-2.79c-.19-.2-.51-.2-.7-.01M6 12c0-3.31 2.69-6 6-6c.79 0 1.56.15 2.25.44c.36.15.77.04 1.04-.23c.51-.51.33-1.37-.34-1.64C14.04 4.2 13.04 4 12 4c-4.42 0-8 3.58-8 8H2.21c-.45 0-.67.54-.35.85l2.79 2.79c.2.2.51.2.71 0l2.79-2.79a.5.5 0 0 0-.36-.85z"/></svg>
React
import type { SVGProps } from "react";
export function IcRoundCached(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="m18.65 8.35l-2.79 2.79c-.32.32-.1.86.35.86H18c0 3.31-2.69 6-6 6c-.79 0-1.56-.15-2.25-.44c-.36-.15-.77-.04-1.04.23c-.51.51-.33 1.37.34 1.64c.91.37 1.91.57 2.95.57c4.42 0 8-3.58 8-8h1.79c.45 0 .67-.54.35-.85l-2.79-2.79c-.19-.2-.51-.2-.7-.01M6 12c0-3.31 2.69-6 6-6c.79 0 1.56.15 2.25.44c.36.15.77.04 1.04-.23c.51-.51.33-1.37-.34-1.64C14.04 4.2 13.04 4 12 4c-4.42 0-8 3.58-8 8H2.21c-.45 0-.67.54-.35.85l2.79 2.79c.2.2.51.2.71 0l2.79-2.79a.5.5 0 0 0-.36-.85z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.65 8.35l-2.79 2.79c-.32.32-.1.86.35.86H18c0 3.31-2.69 6-6 6c-.79 0-1.56-.15-2.25-.44c-.36-.15-.77-.04-1.04.23c-.51.51-.33 1.37.34 1.64c.91.37 1.91.57 2.95.57c4.42 0 8-3.58 8-8h1.79c.45 0 .67-.54.35-.85l-2.79-2.79c-.19-.2-.51-.2-.7-.01M6 12c0-3.31 2.69-6 6-6c.79 0 1.56.15 2.25.44c.36.15.77.04 1.04-.23c.51-.51.33-1.37-.34-1.64C14.04 4.2 13.04 4 12 4c-4.42 0-8 3.58-8 8H2.21c-.45 0-.67.54-.35.85l2.79 2.79c.2.2.51.2.71 0l2.79-2.79a.5.5 0 0 0-.36-.85z"/></svg> </template>
CSS
.icon-round-cached {
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%22m18.65%208.35l-2.79%202.79c-.32.32-.1.86.35.86H18c0%203.31-2.69%206-6%206c-.79%200-1.56-.15-2.25-.44c-.36-.15-.77-.04-1.04.23c-.51.51-.33%201.37.34%201.64c.91.37%201.91.57%202.95.57c4.42%200%208-3.58%208-8h1.79c.45%200%20.67-.54.35-.85l-2.79-2.79c-.19-.2-.51-.2-.7-.01M6%2012c0-3.31%202.69-6%206-6c.79%200%201.56.15%202.25.44c.36.15.77.04%201.04-.23c.51-.51.33-1.37-.34-1.64C14.04%204.2%2013.04%204%2012%204c-4.42%200-8%203.58-8%208H2.21c-.45%200-.67.54-.35.85l2.79%202.79c.2.2.51.2.71%200l2.79-2.79a.5.5%200%200%200-.36-.85z%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%22m18.65%208.35l-2.79%202.79c-.32.32-.1.86.35.86H18c0%203.31-2.69%206-6%206c-.79%200-1.56-.15-2.25-.44c-.36-.15-.77-.04-1.04.23c-.51.51-.33%201.37.34%201.64c.91.37%201.91.57%202.95.57c4.42%200%208-3.58%208-8h1.79c.45%200%20.67-.54.35-.85l-2.79-2.79c-.19-.2-.51-.2-.7-.01M6%2012c0-3.31%202.69-6%206-6c.79%200%201.56.15%202.25.44c.36.15.77.04%201.04-.23c.51-.51.33-1.37-.34-1.64C14.04%204.2%2013.04%204%2012%204c-4.42%200-8%203.58-8%208H2.21c-.45%200-.67.54-.35.85l2.79%202.79c.2.2.51.2.71%200l2.79-2.79a.5.5%200%200%200-.36-.85z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/round-cached.svg?color=%231a73e8&size=48
