rewind 30 icon
rewind-30 from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- rewind-30
- Set
- Carbon
- Style
- Outline
- Category
- Actions
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
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 rewind 30 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 18A12 12 0 1 0 16 6h-4V1L6 7l6 6V8h4A10 10 0 1 1 6 18Z"/><path fill="currentColor" d="M19.64 22.13a2.8 2.8 0 0 1-1.28-.27a2.36 2.36 0 0 1-.89-.77a3.4 3.4 0 0 1-.47-1.25a7 7 0 0 1-.17-1.68a7.2 7.2 0 0 1 .17-1.68a3.5 3.5 0 0 1 .52-1.25a2.36 2.36 0 0 1 .89-.77a2.8 2.8 0 0 1 1.28-.27a2.44 2.44 0 0 1 2.16 1a5.3 5.3 0 0 1 .7 2.93a5.3 5.3 0 0 1-.7 2.93a2.44 2.44 0 0 1-2.21 1.08m0-1.22a1 1 0 0 0 1-.55a3.24 3.24 0 0 0 .3-1.51v-1.38a3.2 3.2 0 0 0-.3-1.5a1.22 1.22 0 0 0-2.05 0a3.2 3.2 0 0 0-.29 1.5v1.38a3.25 3.25 0 0 0 .29 1.51a1 1 0 0 0 1.05.55m-7.02-3.49a1.46 1.46 0 0 0 1-.27a.84.84 0 0 0 .31-.68v-.08a.94.94 0 0 0-.3-.74a1.2 1.2 0 0 0-.83-.27a1.65 1.65 0 0 0-.89.24a2.1 2.1 0 0 0-.68.68l-.93-.83a5 5 0 0 1 .44-.51a2.7 2.7 0 0 1 .54-.4a2.6 2.6 0 0 1 .7-.27a3.3 3.3 0 0 1 .87-.1a4 4 0 0 1 1.06.14a2.3 2.3 0 0 1 .82.4a1.9 1.9 0 0 1 .54.63a1.9 1.9 0 0 1 .18.83a2 2 0 0 1-.11.67a1.8 1.8 0 0 1-.32.52a1.8 1.8 0 0 1-.47.36a2.3 2.3 0 0 1-.57.2V18a2.3 2.3 0 0 1 .63.21a1.7 1.7 0 0 1 .51.38a1.9 1.9 0 0 1 .34.55a2.1 2.1 0 0 1 .12.73a2 2 0 0 1-.2.92a2 2 0 0 1-.58.72a2.7 2.7 0 0 1-.89.45a3.8 3.8 0 0 1-1.15.16a4 4 0 0 1-1-.11a3 3 0 0 1-.76-.31a2.8 2.8 0 0 1-.56-.45a4 4 0 0 1-.44-.55l1.07-.81a3 3 0 0 0 .28.42a2 2 0 0 0 .36.34a1.6 1.6 0 0 0 .45.22a2 2 0 0 0 .57.07a1.45 1.45 0 0 0 1-.3a1.12 1.12 0 0 0 .34-.85v-.08a1 1 0 0 0-.37-.8a1.78 1.78 0 0 0-1.06-.28h-.76v-1.21Z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonRewind30(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="M4 18A12 12 0 1 0 16 6h-4V1L6 7l6 6V8h4A10 10 0 1 1 6 18Z"/><path fill="currentColor" d="M19.64 22.13a2.8 2.8 0 0 1-1.28-.27a2.36 2.36 0 0 1-.89-.77a3.4 3.4 0 0 1-.47-1.25a7 7 0 0 1-.17-1.68a7.2 7.2 0 0 1 .17-1.68a3.5 3.5 0 0 1 .52-1.25a2.36 2.36 0 0 1 .89-.77a2.8 2.8 0 0 1 1.28-.27a2.44 2.44 0 0 1 2.16 1a5.3 5.3 0 0 1 .7 2.93a5.3 5.3 0 0 1-.7 2.93a2.44 2.44 0 0 1-2.21 1.08m0-1.22a1 1 0 0 0 1-.55a3.24 3.24 0 0 0 .3-1.51v-1.38a3.2 3.2 0 0 0-.3-1.5a1.22 1.22 0 0 0-2.05 0a3.2 3.2 0 0 0-.29 1.5v1.38a3.25 3.25 0 0 0 .29 1.51a1 1 0 0 0 1.05.55m-7.02-3.49a1.46 1.46 0 0 0 1-.27a.84.84 0 0 0 .31-.68v-.08a.94.94 0 0 0-.3-.74a1.2 1.2 0 0 0-.83-.27a1.65 1.65 0 0 0-.89.24a2.1 2.1 0 0 0-.68.68l-.93-.83a5 5 0 0 1 .44-.51a2.7 2.7 0 0 1 .54-.4a2.6 2.6 0 0 1 .7-.27a3.3 3.3 0 0 1 .87-.1a4 4 0 0 1 1.06.14a2.3 2.3 0 0 1 .82.4a1.9 1.9 0 0 1 .54.63a1.9 1.9 0 0 1 .18.83a2 2 0 0 1-.11.67a1.8 1.8 0 0 1-.32.52a1.8 1.8 0 0 1-.47.36a2.3 2.3 0 0 1-.57.2V18a2.3 2.3 0 0 1 .63.21a1.7 1.7 0 0 1 .51.38a1.9 1.9 0 0 1 .34.55a2.1 2.1 0 0 1 .12.73a2 2 0 0 1-.2.92a2 2 0 0 1-.58.72a2.7 2.7 0 0 1-.89.45a3.8 3.8 0 0 1-1.15.16a4 4 0 0 1-1-.11a3 3 0 0 1-.76-.31a2.8 2.8 0 0 1-.56-.45a4 4 0 0 1-.44-.55l1.07-.81a3 3 0 0 0 .28.42a2 2 0 0 0 .36.34a1.6 1.6 0 0 0 .45.22a2 2 0 0 0 .57.07a1.45 1.45 0 0 0 1-.3a1.12 1.12 0 0 0 .34-.85v-.08a1 1 0 0 0-.37-.8a1.78 1.78 0 0 0-1.06-.28h-.76v-1.21Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 18A12 12 0 1 0 16 6h-4V1L6 7l6 6V8h4A10 10 0 1 1 6 18Z"/><path fill="currentColor" d="M19.64 22.13a2.8 2.8 0 0 1-1.28-.27a2.36 2.36 0 0 1-.89-.77a3.4 3.4 0 0 1-.47-1.25a7 7 0 0 1-.17-1.68a7.2 7.2 0 0 1 .17-1.68a3.5 3.5 0 0 1 .52-1.25a2.36 2.36 0 0 1 .89-.77a2.8 2.8 0 0 1 1.28-.27a2.44 2.44 0 0 1 2.16 1a5.3 5.3 0 0 1 .7 2.93a5.3 5.3 0 0 1-.7 2.93a2.44 2.44 0 0 1-2.21 1.08m0-1.22a1 1 0 0 0 1-.55a3.24 3.24 0 0 0 .3-1.51v-1.38a3.2 3.2 0 0 0-.3-1.5a1.22 1.22 0 0 0-2.05 0a3.2 3.2 0 0 0-.29 1.5v1.38a3.25 3.25 0 0 0 .29 1.51a1 1 0 0 0 1.05.55m-7.02-3.49a1.46 1.46 0 0 0 1-.27a.84.84 0 0 0 .31-.68v-.08a.94.94 0 0 0-.3-.74a1.2 1.2 0 0 0-.83-.27a1.65 1.65 0 0 0-.89.24a2.1 2.1 0 0 0-.68.68l-.93-.83a5 5 0 0 1 .44-.51a2.7 2.7 0 0 1 .54-.4a2.6 2.6 0 0 1 .7-.27a3.3 3.3 0 0 1 .87-.1a4 4 0 0 1 1.06.14a2.3 2.3 0 0 1 .82.4a1.9 1.9 0 0 1 .54.63a1.9 1.9 0 0 1 .18.83a2 2 0 0 1-.11.67a1.8 1.8 0 0 1-.32.52a1.8 1.8 0 0 1-.47.36a2.3 2.3 0 0 1-.57.2V18a2.3 2.3 0 0 1 .63.21a1.7 1.7 0 0 1 .51.38a1.9 1.9 0 0 1 .34.55a2.1 2.1 0 0 1 .12.73a2 2 0 0 1-.2.92a2 2 0 0 1-.58.72a2.7 2.7 0 0 1-.89.45a3.8 3.8 0 0 1-1.15.16a4 4 0 0 1-1-.11a3 3 0 0 1-.76-.31a2.8 2.8 0 0 1-.56-.45a4 4 0 0 1-.44-.55l1.07-.81a3 3 0 0 0 .28.42a2 2 0 0 0 .36.34a1.6 1.6 0 0 0 .45.22a2 2 0 0 0 .57.07a1.45 1.45 0 0 0 1-.3a1.12 1.12 0 0 0 .34-.85v-.08a1 1 0 0 0-.37-.8a1.78 1.78 0 0 0-1.06-.28h-.76v-1.21Z"/></svg> </template>
CSS
.icon-rewind-30 {
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%22M4%2018A12%2012%200%201%200%2016%206h-4V1L6%207l6%206V8h4A10%2010%200%201%201%206%2018Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.64%2022.13a2.8%202.8%200%200%201-1.28-.27a2.36%202.36%200%200%201-.89-.77a3.4%203.4%200%200%201-.47-1.25a7%207%200%200%201-.17-1.68a7.2%207.2%200%200%201%20.17-1.68a3.5%203.5%200%200%201%20.52-1.25a2.36%202.36%200%200%201%20.89-.77a2.8%202.8%200%200%201%201.28-.27a2.44%202.44%200%200%201%202.16%201a5.3%205.3%200%200%201%20.7%202.93a5.3%205.3%200%200%201-.7%202.93a2.44%202.44%200%200%201-2.21%201.08m0-1.22a1%201%200%200%200%201-.55a3.24%203.24%200%200%200%20.3-1.51v-1.38a3.2%203.2%200%200%200-.3-1.5a1.22%201.22%200%200%200-2.05%200a3.2%203.2%200%200%200-.29%201.5v1.38a3.25%203.25%200%200%200%20.29%201.51a1%201%200%200%200%201.05.55m-7.02-3.49a1.46%201.46%200%200%200%201-.27a.84.84%200%200%200%20.31-.68v-.08a.94.94%200%200%200-.3-.74a1.2%201.2%200%200%200-.83-.27a1.65%201.65%200%200%200-.89.24a2.1%202.1%200%200%200-.68.68l-.93-.83a5%205%200%200%201%20.44-.51a2.7%202.7%200%200%201%20.54-.4a2.6%202.6%200%200%201%20.7-.27a3.3%203.3%200%200%201%20.87-.1a4%204%200%200%201%201.06.14a2.3%202.3%200%200%201%20.82.4a1.9%201.9%200%200%201%20.54.63a1.9%201.9%200%200%201%20.18.83a2%202%200%200%201-.11.67a1.8%201.8%200%200%201-.32.52a1.8%201.8%200%200%201-.47.36a2.3%202.3%200%200%201-.57.2V18a2.3%202.3%200%200%201%20.63.21a1.7%201.7%200%200%201%20.51.38a1.9%201.9%200%200%201%20.34.55a2.1%202.1%200%200%201%20.12.73a2%202%200%200%201-.2.92a2%202%200%200%201-.58.72a2.7%202.7%200%200%201-.89.45a3.8%203.8%200%200%201-1.15.16a4%204%200%200%201-1-.11a3%203%200%200%201-.76-.31a2.8%202.8%200%200%201-.56-.45a4%204%200%200%201-.44-.55l1.07-.81a3%203%200%200%200%20.28.42a2%202%200%200%200%20.36.34a1.6%201.6%200%200%200%20.45.22a2%202%200%200%200%20.57.07a1.45%201.45%200%200%200%201-.3a1.12%201.12%200%200%200%20.34-.85v-.08a1%201%200%200%200-.37-.8a1.78%201.78%200%200%200-1.06-.28h-.76v-1.21Z%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%22M4%2018A12%2012%200%201%200%2016%206h-4V1L6%207l6%206V8h4A10%2010%200%201%201%206%2018Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.64%2022.13a2.8%202.8%200%200%201-1.28-.27a2.36%202.36%200%200%201-.89-.77a3.4%203.4%200%200%201-.47-1.25a7%207%200%200%201-.17-1.68a7.2%207.2%200%200%201%20.17-1.68a3.5%203.5%200%200%201%20.52-1.25a2.36%202.36%200%200%201%20.89-.77a2.8%202.8%200%200%201%201.28-.27a2.44%202.44%200%200%201%202.16%201a5.3%205.3%200%200%201%20.7%202.93a5.3%205.3%200%200%201-.7%202.93a2.44%202.44%200%200%201-2.21%201.08m0-1.22a1%201%200%200%200%201-.55a3.24%203.24%200%200%200%20.3-1.51v-1.38a3.2%203.2%200%200%200-.3-1.5a1.22%201.22%200%200%200-2.05%200a3.2%203.2%200%200%200-.29%201.5v1.38a3.25%203.25%200%200%200%20.29%201.51a1%201%200%200%200%201.05.55m-7.02-3.49a1.46%201.46%200%200%200%201-.27a.84.84%200%200%200%20.31-.68v-.08a.94.94%200%200%200-.3-.74a1.2%201.2%200%200%200-.83-.27a1.65%201.65%200%200%200-.89.24a2.1%202.1%200%200%200-.68.68l-.93-.83a5%205%200%200%201%20.44-.51a2.7%202.7%200%200%201%20.54-.4a2.6%202.6%200%200%201%20.7-.27a3.3%203.3%200%200%201%20.87-.1a4%204%200%200%201%201.06.14a2.3%202.3%200%200%201%20.82.4a1.9%201.9%200%200%201%20.54.63a1.9%201.9%200%200%201%20.18.83a2%202%200%200%201-.11.67a1.8%201.8%200%200%201-.32.52a1.8%201.8%200%200%201-.47.36a2.3%202.3%200%200%201-.57.2V18a2.3%202.3%200%200%201%20.63.21a1.7%201.7%200%200%201%20.51.38a1.9%201.9%200%200%201%20.34.55a2.1%202.1%200%200%201%20.12.73a2%202%200%200%201-.2.92a2%202%200%200%201-.58.72a2.7%202.7%200%200%201-.89.45a3.8%203.8%200%200%201-1.15.16a4%204%200%200%201-1-.11a3%203%200%200%201-.76-.31a2.8%202.8%200%200%201-.56-.45a4%204%200%200%201-.44-.55l1.07-.81a3%203%200%200%200%20.28.42a2%202%200%200%200%20.36.34a1.6%201.6%200%200%200%20.45.22a2%202%200%200%200%20.57.07a1.45%201.45%200%200%200%201-.3a1.12%201.12%200%200%200%20.34-.85v-.08a1%201%200%200%200-.37-.8a1.78%201.78%200%200%200-1.06-.28h-.76v-1.21Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/rewind-30.svg?color=%231a73e8&size=48
