ios refresh icon
ios-refresh from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-refresh
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios refresh icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M433 288.8c-7.7 0-14.3 5.9-14.9 13.6-6.9 83.1-76.8 147.9-161.8 147.9-89.5 0-162.4-72.4-162.4-161.4 0-87.6 70.6-159.2 158.2-161.4 2.3-.1 4.1 1.7 4.1 4v50.3c0 12.6 13.9 20.2 24.6 13.5L377 128c10-6.3 10-20.8 0-27.1l-96.1-66.4c-10.7-6.7-24.6.9-24.6 13.5v45.7c0 2.2-1.7 4-3.9 4C148 99.8 64 184.6 64 288.9 64 394.5 150.1 480 256.3 480c100.8 0 183.4-76.7 191.6-175.1.8-8.7-6.2-16.1-14.9-16.1z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosRefresh(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M433 288.8c-7.7 0-14.3 5.9-14.9 13.6-6.9 83.1-76.8 147.9-161.8 147.9-89.5 0-162.4-72.4-162.4-161.4 0-87.6 70.6-159.2 158.2-161.4 2.3-.1 4.1 1.7 4.1 4v50.3c0 12.6 13.9 20.2 24.6 13.5L377 128c10-6.3 10-20.8 0-27.1l-96.1-66.4c-10.7-6.7-24.6.9-24.6 13.5v45.7c0 2.2-1.7 4-3.9 4C148 99.8 64 184.6 64 288.9 64 394.5 150.1 480 256.3 480c100.8 0 183.4-76.7 191.6-175.1.8-8.7-6.2-16.1-14.9-16.1z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M433 288.8c-7.7 0-14.3 5.9-14.9 13.6-6.9 83.1-76.8 147.9-161.8 147.9-89.5 0-162.4-72.4-162.4-161.4 0-87.6 70.6-159.2 158.2-161.4 2.3-.1 4.1 1.7 4.1 4v50.3c0 12.6 13.9 20.2 24.6 13.5L377 128c10-6.3 10-20.8 0-27.1l-96.1-66.4c-10.7-6.7-24.6.9-24.6 13.5v45.7c0 2.2-1.7 4-3.9 4C148 99.8 64 184.6 64 288.9 64 394.5 150.1 480 256.3 480c100.8 0 183.4-76.7 191.6-175.1.8-8.7-6.2-16.1-14.9-16.1z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-refresh {
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%20512%20512%22%3E%3Cpath%20d%3D%22M433%20288.8c-7.7%200-14.3%205.9-14.9%2013.6-6.9%2083.1-76.8%20147.9-161.8%20147.9-89.5%200-162.4-72.4-162.4-161.4%200-87.6%2070.6-159.2%20158.2-161.4%202.3-.1%204.1%201.7%204.1%204v50.3c0%2012.6%2013.9%2020.2%2024.6%2013.5L377%20128c10-6.3%2010-20.8%200-27.1l-96.1-66.4c-10.7-6.7-24.6.9-24.6%2013.5v45.7c0%202.2-1.7%204-3.9%204C148%2099.8%2064%20184.6%2064%20288.9%2064%20394.5%20150.1%20480%20256.3%20480c100.8%200%20183.4-76.7%20191.6-175.1.8-8.7-6.2-16.1-14.9-16.1z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M433%20288.8c-7.7%200-14.3%205.9-14.9%2013.6-6.9%2083.1-76.8%20147.9-161.8%20147.9-89.5%200-162.4-72.4-162.4-161.4%200-87.6%2070.6-159.2%20158.2-161.4%202.3-.1%204.1%201.7%204.1%204v50.3c0%2012.6%2013.9%2020.2%2024.6%2013.5L377%20128c10-6.3%2010-20.8%200-27.1l-96.1-66.4c-10.7-6.7-24.6.9-24.6%2013.5v45.7c0%202.2-1.7%204-3.9%204C148%2099.8%2064%20184.6%2064%20288.9%2064%20394.5%20150.1%20480%20256.3%20480c100.8%200%20183.4-76.7%20191.6-175.1.8-8.7-6.2-16.1-14.9-16.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-refresh.svg?color=%231a73e8&size=48
