ios loop icon
ios-loop from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-loop
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
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 loop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M489.373 256L448 297.373 405.627 256l-10.814 10.813L448 320l52.687-52.687z" fill="currentColor"/><path d="M459.994 255.509c-.002-.577.013-1.157.007-1.733l-.029-.003C458.771 142.311 367.742 52 256 52c-73.59 0-141.753 39.878-177.888 104.071l13.943 7.848C125.359 104.754 188.18 68 256 68c103.273 0 187.355 83.708 187.985 186.836.038 6.882-.281 13.83-1.017 20.831l15.912 1.674A205.256 205.256 0 0 0 459.991 256H460c0-.164-.006-.327-.006-.491z" fill="currentColor"/><path d="M419.944 348.081C386.641 407.246 323.82 444 256 444c-103.475 0-187.688-84.032-187.993-187.437-.015-6.686.31-13.434 1.024-20.23l-15.912-1.674A204.972 204.972 0 0 0 52.011 256H52c0 .472.015.939.018 1.41.006.975-.006 1.952.015 2.924l.022-.003C54.369 370.825 144.962 460 256 460c73.59 0 141.753-39.878 177.888-104.071l-13.944-7.848z" fill="currentColor"/><path d="M64 192l-52.687 52.687L22.627 256 64 214.627 105.373 256l11.314-11.313z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosLoop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M489.373 256L448 297.373 405.627 256l-10.814 10.813L448 320l52.687-52.687z" fill="currentColor"/><path d="M459.994 255.509c-.002-.577.013-1.157.007-1.733l-.029-.003C458.771 142.311 367.742 52 256 52c-73.59 0-141.753 39.878-177.888 104.071l13.943 7.848C125.359 104.754 188.18 68 256 68c103.273 0 187.355 83.708 187.985 186.836.038 6.882-.281 13.83-1.017 20.831l15.912 1.674A205.256 205.256 0 0 0 459.991 256H460c0-.164-.006-.327-.006-.491z" fill="currentColor"/><path d="M419.944 348.081C386.641 407.246 323.82 444 256 444c-103.475 0-187.688-84.032-187.993-187.437-.015-6.686.31-13.434 1.024-20.23l-15.912-1.674A204.972 204.972 0 0 0 52.011 256H52c0 .472.015.939.018 1.41.006.975-.006 1.952.015 2.924l.022-.003C54.369 370.825 144.962 460 256 460c73.59 0 141.753-39.878 177.888-104.071l-13.944-7.848z" fill="currentColor"/><path d="M64 192l-52.687 52.687L22.627 256 64 214.627 105.373 256l11.314-11.313z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M489.373 256L448 297.373 405.627 256l-10.814 10.813L448 320l52.687-52.687z" fill="currentColor"/><path d="M459.994 255.509c-.002-.577.013-1.157.007-1.733l-.029-.003C458.771 142.311 367.742 52 256 52c-73.59 0-141.753 39.878-177.888 104.071l13.943 7.848C125.359 104.754 188.18 68 256 68c103.273 0 187.355 83.708 187.985 186.836.038 6.882-.281 13.83-1.017 20.831l15.912 1.674A205.256 205.256 0 0 0 459.991 256H460c0-.164-.006-.327-.006-.491z" fill="currentColor"/><path d="M419.944 348.081C386.641 407.246 323.82 444 256 444c-103.475 0-187.688-84.032-187.993-187.437-.015-6.686.31-13.434 1.024-20.23l-15.912-1.674A204.972 204.972 0 0 0 52.011 256H52c0 .472.015.939.018 1.41.006.975-.006 1.952.015 2.924l.022-.003C54.369 370.825 144.962 460 256 460c73.59 0 141.753-39.878 177.888-104.071l-13.944-7.848z" fill="currentColor"/><path d="M64 192l-52.687 52.687L22.627 256 64 214.627 105.373 256l11.314-11.313z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-loop {
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%22M489.373%20256L448%20297.373%20405.627%20256l-10.814%2010.813L448%20320l52.687-52.687z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M459.994%20255.509c-.002-.577.013-1.157.007-1.733l-.029-.003C458.771%20142.311%20367.742%2052%20256%2052c-73.59%200-141.753%2039.878-177.888%20104.071l13.943%207.848C125.359%20104.754%20188.18%2068%20256%2068c103.273%200%20187.355%2083.708%20187.985%20186.836.038%206.882-.281%2013.83-1.017%2020.831l15.912%201.674A205.256%20205.256%200%200%200%20459.991%20256H460c0-.164-.006-.327-.006-.491z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M419.944%20348.081C386.641%20407.246%20323.82%20444%20256%20444c-103.475%200-187.688-84.032-187.993-187.437-.015-6.686.31-13.434%201.024-20.23l-15.912-1.674A204.972%20204.972%200%200%200%2052.011%20256H52c0%20.472.015.939.018%201.41.006.975-.006%201.952.015%202.924l.022-.003C54.369%20370.825%20144.962%20460%20256%20460c73.59%200%20141.753-39.878%20177.888-104.071l-13.944-7.848z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20192l-52.687%2052.687L22.627%20256%2064%20214.627%20105.373%20256l11.314-11.313z%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%22M489.373%20256L448%20297.373%20405.627%20256l-10.814%2010.813L448%20320l52.687-52.687z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M459.994%20255.509c-.002-.577.013-1.157.007-1.733l-.029-.003C458.771%20142.311%20367.742%2052%20256%2052c-73.59%200-141.753%2039.878-177.888%20104.071l13.943%207.848C125.359%20104.754%20188.18%2068%20256%2068c103.273%200%20187.355%2083.708%20187.985%20186.836.038%206.882-.281%2013.83-1.017%2020.831l15.912%201.674A205.256%20205.256%200%200%200%20459.991%20256H460c0-.164-.006-.327-.006-.491z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M419.944%20348.081C386.641%20407.246%20323.82%20444%20256%20444c-103.475%200-187.688-84.032-187.993-187.437-.015-6.686.31-13.434%201.024-20.23l-15.912-1.674A204.972%20204.972%200%200%200%2052.011%20256H52c0%20.472.015.939.018%201.41.006.975-.006%201.952.015%202.924l.022-.003C54.369%20370.825%20144.962%20460%20256%20460c73.59%200%20141.753-39.878%20177.888-104.071l-13.944-7.848z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20192l-52.687%2052.687L22.627%20256%2064%20214.627%20105.373%20256l11.314-11.313z%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-loop.svg?color=%231a73e8&size=48
