restart icon
restart-outline from Solar by 480 Design · Outline · Arrows · CC-BY-4.0 Attribution required.
- Name
- restart-outline
- Set
- Solar
- Style
- Outline
- Category
- Arrows
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More arrows icons from Solar
alt-arrow-down-boldalt-arrow-left-boldalt-arrow-right-boldalt-arrow-up-boldarrow-down-boldarrow-left-boldarrow-left-down-boldarrow-left-up-boldarrow-right-boldarrow-right-down-boldarrow-right-up-boldarrow-up-bolddouble-alt-arrow-down-bolddouble-alt-arrow-left-bolddouble-alt-arrow-right-bolddouble-alt-arrow-up-boldrefresh-boldrefresh-circle-boldrefresh-square-boldrestart-circle-boldrestart-square-boldround-alt-arrow-down-boldround-alt-arrow-left-boldround-alt-arrow-right-bold
Use the restart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.364 3.05664C18.7782 3.05664 19.114 3.39243 19.114 3.80664V8.04928C19.114 8.46349 18.7782 8.79928 18.364 8.79928H14.1213C13.7071 8.79928 13.3713 8.46349 13.3713 8.04928C13.3713 7.63507 13.7071 7.29928 14.1213 7.29928H16.4817C13.6363 5.0562 9.4987 5.24728 6.87348 7.8725C4.04217 10.7038 4.04217 15.2943 6.87348 18.1256C9.70478 20.9569 14.2952 20.9569 17.1265 18.1256C19.0234 16.2287 19.6504 13.5418 19.0039 11.1209C18.897 10.7207 19.1348 10.3097 19.535 10.2028C19.9352 10.0959 20.3462 10.3337 20.4531 10.7339C21.2321 13.6508 20.478 16.8954 18.1872 19.1862C14.7701 22.6033 9.2299 22.6033 5.81282 19.1862C2.39573 15.7691 2.39573 10.2289 5.81282 6.81184C9.04483 3.57983 14.1762 3.40478 17.614 6.2867V3.80664C17.614 3.39243 17.9497 3.05664 18.364 3.05664Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarRestartOutline(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" fillRule="evenodd" d="M18.364 3.05664C18.7782 3.05664 19.114 3.39243 19.114 3.80664V8.04928C19.114 8.46349 18.7782 8.79928 18.364 8.79928H14.1213C13.7071 8.79928 13.3713 8.46349 13.3713 8.04928C13.3713 7.63507 13.7071 7.29928 14.1213 7.29928H16.4817C13.6363 5.0562 9.4987 5.24728 6.87348 7.8725C4.04217 10.7038 4.04217 15.2943 6.87348 18.1256C9.70478 20.9569 14.2952 20.9569 17.1265 18.1256C19.0234 16.2287 19.6504 13.5418 19.0039 11.1209C18.897 10.7207 19.1348 10.3097 19.535 10.2028C19.9352 10.0959 20.3462 10.3337 20.4531 10.7339C21.2321 13.6508 20.478 16.8954 18.1872 19.1862C14.7701 22.6033 9.2299 22.6033 5.81282 19.1862C2.39573 15.7691 2.39573 10.2289 5.81282 6.81184C9.04483 3.57983 14.1762 3.40478 17.614 6.2867V3.80664C17.614 3.39243 17.9497 3.05664 18.364 3.05664Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.364 3.05664C18.7782 3.05664 19.114 3.39243 19.114 3.80664V8.04928C19.114 8.46349 18.7782 8.79928 18.364 8.79928H14.1213C13.7071 8.79928 13.3713 8.46349 13.3713 8.04928C13.3713 7.63507 13.7071 7.29928 14.1213 7.29928H16.4817C13.6363 5.0562 9.4987 5.24728 6.87348 7.8725C4.04217 10.7038 4.04217 15.2943 6.87348 18.1256C9.70478 20.9569 14.2952 20.9569 17.1265 18.1256C19.0234 16.2287 19.6504 13.5418 19.0039 11.1209C18.897 10.7207 19.1348 10.3097 19.535 10.2028C19.9352 10.0959 20.3462 10.3337 20.4531 10.7339C21.2321 13.6508 20.478 16.8954 18.1872 19.1862C14.7701 22.6033 9.2299 22.6033 5.81282 19.1862C2.39573 15.7691 2.39573 10.2289 5.81282 6.81184C9.04483 3.57983 14.1762 3.40478 17.614 6.2867V3.80664C17.614 3.39243 17.9497 3.05664 18.364 3.05664Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-restart-outline {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M18.364%203.05664C18.7782%203.05664%2019.114%203.39243%2019.114%203.80664V8.04928C19.114%208.46349%2018.7782%208.79928%2018.364%208.79928H14.1213C13.7071%208.79928%2013.3713%208.46349%2013.3713%208.04928C13.3713%207.63507%2013.7071%207.29928%2014.1213%207.29928H16.4817C13.6363%205.0562%209.4987%205.24728%206.87348%207.8725C4.04217%2010.7038%204.04217%2015.2943%206.87348%2018.1256C9.70478%2020.9569%2014.2952%2020.9569%2017.1265%2018.1256C19.0234%2016.2287%2019.6504%2013.5418%2019.0039%2011.1209C18.897%2010.7207%2019.1348%2010.3097%2019.535%2010.2028C19.9352%2010.0959%2020.3462%2010.3337%2020.4531%2010.7339C21.2321%2013.6508%2020.478%2016.8954%2018.1872%2019.1862C14.7701%2022.6033%209.2299%2022.6033%205.81282%2019.1862C2.39573%2015.7691%202.39573%2010.2289%205.81282%206.81184C9.04483%203.57983%2014.1762%203.40478%2017.614%206.2867V3.80664C17.614%203.39243%2017.9497%203.05664%2018.364%203.05664Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M18.364%203.05664C18.7782%203.05664%2019.114%203.39243%2019.114%203.80664V8.04928C19.114%208.46349%2018.7782%208.79928%2018.364%208.79928H14.1213C13.7071%208.79928%2013.3713%208.46349%2013.3713%208.04928C13.3713%207.63507%2013.7071%207.29928%2014.1213%207.29928H16.4817C13.6363%205.0562%209.4987%205.24728%206.87348%207.8725C4.04217%2010.7038%204.04217%2015.2943%206.87348%2018.1256C9.70478%2020.9569%2014.2952%2020.9569%2017.1265%2018.1256C19.0234%2016.2287%2019.6504%2013.5418%2019.0039%2011.1209C18.897%2010.7207%2019.1348%2010.3097%2019.535%2010.2028C19.9352%2010.0959%2020.3462%2010.3337%2020.4531%2010.7339C21.2321%2013.6508%2020.478%2016.8954%2018.1872%2019.1862C14.7701%2022.6033%209.2299%2022.6033%205.81282%2019.1862C2.39573%2015.7691%202.39573%2010.2289%205.81282%206.81184C9.04483%203.57983%2014.1762%203.40478%2017.614%206.2867V3.80664C17.614%203.39243%2017.9497%203.05664%2018.364%203.05664Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/restart-outline.svg?color=%231a73e8&size=48
