infinite icon

infinite from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name: infinite
Set: Framework7 Icons
Style: Outline
Viewbox: 56×56
License: MIT

The same icon in other sets

infiniteAkar Icons infiniteBoxIcons v2 infiniteIconoir infiniteIonIcons infiniteJam Icons infinite-boldSolar

Use the infinite icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 20.851C30.784 16.773 36.045 14 41 14c7.18 0 13 5.82 13 13s-5.82 13-13 13c-4.955 0-10.216-2.773-13-6.851C25.216 37.227 19.955 40 15 40C7.82 40 2 34.18 2 27s5.82-13 13-13c4.955 0 10.216 2.773 13 6.851M15 34c4.475 0 9-3.732 9-7s-4.525-7-9-7a7 7 0 1 0 0 14m26 0a7 7 0 0 0 0-14c-4.475 0-9 3.732-9 7s4.525 7 9 7"/></svg>

React

import type { SVGProps } from "react";

export function F7Infinite(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 20.851C30.784 16.773 36.045 14 41 14c7.18 0 13 5.82 13 13s-5.82 13-13 13c-4.955 0-10.216-2.773-13-6.851C25.216 37.227 19.955 40 15 40C7.82 40 2 34.18 2 27s5.82-13 13-13c4.955 0 10.216 2.773 13 6.851M15 34c4.475 0 9-3.732 9-7s-4.525-7-9-7a7 7 0 1 0 0 14m26 0a7 7 0 0 0 0-14c-4.475 0-9 3.732-9 7s4.525 7 9 7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 20.851C30.784 16.773 36.045 14 41 14c7.18 0 13 5.82 13 13s-5.82 13-13 13c-4.955 0-10.216-2.773-13-6.851C25.216 37.227 19.955 40 15 40C7.82 40 2 34.18 2 27s5.82-13 13-13c4.955 0 10.216 2.773 13 6.851M15 34c4.475 0 9-3.732 9-7s-4.525-7-9-7a7 7 0 1 0 0 14m26 0a7 7 0 0 0 0-14c-4.475 0-9 3.732-9 7s4.525 7 9 7"/></svg>
</template>

CSS

.icon-infinite {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2020.851C30.784%2016.773%2036.045%2014%2041%2014c7.18%200%2013%205.82%2013%2013s-5.82%2013-13%2013c-4.955%200-10.216-2.773-13-6.851C25.216%2037.227%2019.955%2040%2015%2040C7.82%2040%202%2034.18%202%2027s5.82-13%2013-13c4.955%200%2010.216%202.773%2013%206.851M15%2034c4.475%200%209-3.732%209-7s-4.525-7-9-7a7%207%200%201%200%200%2014m26%200a7%207%200%200%200%200-14c-4.475%200-9%203.732-9%207s4.525%207%209%207%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2020.851C30.784%2016.773%2036.045%2014%2041%2014c7.18%200%2013%205.82%2013%2013s-5.82%2013-13%2013c-4.955%200-10.216-2.773-13-6.851C25.216%2037.227%2019.955%2040%2015%2040C7.82%2040%202%2034.18%202%2027s5.82-13%2013-13c4.955%200%2010.216%202.773%2013%206.851M15%2034c4.475%200%209-3.732%209-7s-4.525-7-9-7a7%207%200%201%200%200%2014m26%200a7%207%200%200%200%200-14c-4.475%200-9%203.732-9%207s4.525%207%209%207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/infinite.svg?color=%231a73e8&size=48