infinity icon
infinity from Material Design Icons by Pictogrammers · Filled · Math · Apache-2.0 Free for personal and commercial use.
- Name
- infinity
- Set
- Material Design Icons
- Style
- Filled
- Category
- Math
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
infinityAkar IconsinfinityBootstrap IconsinfinityFont Awesome 6 SolidinfinityFluent EmojiinfinityFluent Emoji FlatinfinityFluent Emoji High Contrastinfinitycss.gginfinityLine AwesomeinfinityLucideinfinityNoto Emojiinfinity-16OcticonsinfinityOpenMojiinfinityPhosphorinfinityPixelarticonsinfinity-fillRemix Iconinfinity-bold-duotoneSolarinfinityTabler IconsinfinityTwitter Emoji
More math icons from Material Design Icons
abacusangle-acuteangle-obtuseangle-rightapproximately-equalapproximately-equal-boxcalculatorcalculator-variantchart-arcchart-areasplinechart-areaspline-variantchart-barchart-bar-stackedchart-bell-curvechart-bell-curve-cumulativechart-boxchart-box-multiplechart-box-plus-outlinechart-bubblechart-donutchart-donut-variantchart-ganttchart-histogramchart-line
Use the infinity icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.6 6.62C21.58 6.62 24 9 24 12c0 2.96-2.42 5.37-5.4 5.37c-1.45 0-2.8-.56-3.82-1.57L12 13.34l-2.83 2.51c-.97.97-2.33 1.53-3.77 1.53C2.42 17.38 0 14.96 0 12s2.42-5.38 5.4-5.38c1.44 0 2.8.56 3.82 1.58L12 10.66l2.83-2.51c.97-.97 2.33-1.53 3.77-1.53M7.8 14.39L10.5 12L7.84 9.65c-.68-.68-1.53-1.03-2.44-1.03C3.53 8.62 2 10.13 2 12s1.53 3.38 3.4 3.38c.91 0 1.76-.35 2.4-.99m8.4-4.78L13.5 12l2.66 2.35c.68.68 1.54 1.03 2.44 1.03c1.87 0 3.4-1.51 3.4-3.38s-1.53-3.38-3.4-3.38c-.91 0-1.76.35-2.4.99"/></svg>
React
import type { SVGProps } from "react";
export function MdiInfinity(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" d="M18.6 6.62C21.58 6.62 24 9 24 12c0 2.96-2.42 5.37-5.4 5.37c-1.45 0-2.8-.56-3.82-1.57L12 13.34l-2.83 2.51c-.97.97-2.33 1.53-3.77 1.53C2.42 17.38 0 14.96 0 12s2.42-5.38 5.4-5.38c1.44 0 2.8.56 3.82 1.58L12 10.66l2.83-2.51c.97-.97 2.33-1.53 3.77-1.53M7.8 14.39L10.5 12L7.84 9.65c-.68-.68-1.53-1.03-2.44-1.03C3.53 8.62 2 10.13 2 12s1.53 3.38 3.4 3.38c.91 0 1.76-.35 2.4-.99m8.4-4.78L13.5 12l2.66 2.35c.68.68 1.54 1.03 2.44 1.03c1.87 0 3.4-1.51 3.4-3.38s-1.53-3.38-3.4-3.38c-.91 0-1.76.35-2.4.99"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.6 6.62C21.58 6.62 24 9 24 12c0 2.96-2.42 5.37-5.4 5.37c-1.45 0-2.8-.56-3.82-1.57L12 13.34l-2.83 2.51c-.97.97-2.33 1.53-3.77 1.53C2.42 17.38 0 14.96 0 12s2.42-5.38 5.4-5.38c1.44 0 2.8.56 3.82 1.58L12 10.66l2.83-2.51c.97-.97 2.33-1.53 3.77-1.53M7.8 14.39L10.5 12L7.84 9.65c-.68-.68-1.53-1.03-2.44-1.03C3.53 8.62 2 10.13 2 12s1.53 3.38 3.4 3.38c.91 0 1.76-.35 2.4-.99m8.4-4.78L13.5 12l2.66 2.35c.68.68 1.54 1.03 2.44 1.03c1.87 0 3.4-1.51 3.4-3.38s-1.53-3.38-3.4-3.38c-.91 0-1.76.35-2.4.99"/></svg> </template>
CSS
.icon-infinity {
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%20d%3D%22M18.6%206.62C21.58%206.62%2024%209%2024%2012c0%202.96-2.42%205.37-5.4%205.37c-1.45%200-2.8-.56-3.82-1.57L12%2013.34l-2.83%202.51c-.97.97-2.33%201.53-3.77%201.53C2.42%2017.38%200%2014.96%200%2012s2.42-5.38%205.4-5.38c1.44%200%202.8.56%203.82%201.58L12%2010.66l2.83-2.51c.97-.97%202.33-1.53%203.77-1.53M7.8%2014.39L10.5%2012L7.84%209.65c-.68-.68-1.53-1.03-2.44-1.03C3.53%208.62%202%2010.13%202%2012s1.53%203.38%203.4%203.38c.91%200%201.76-.35%202.4-.99m8.4-4.78L13.5%2012l2.66%202.35c.68.68%201.54%201.03%202.44%201.03c1.87%200%203.4-1.51%203.4-3.38s-1.53-3.38-3.4-3.38c-.91%200-1.76.35-2.4.99%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%20d%3D%22M18.6%206.62C21.58%206.62%2024%209%2024%2012c0%202.96-2.42%205.37-5.4%205.37c-1.45%200-2.8-.56-3.82-1.57L12%2013.34l-2.83%202.51c-.97.97-2.33%201.53-3.77%201.53C2.42%2017.38%200%2014.96%200%2012s2.42-5.38%205.4-5.38c1.44%200%202.8.56%203.82%201.58L12%2010.66l2.83-2.51c.97-.97%202.33-1.53%203.77-1.53M7.8%2014.39L10.5%2012L7.84%209.65c-.68-.68-1.53-1.03-2.44-1.03C3.53%208.62%202%2010.13%202%2012s1.53%203.38%203.4%203.38c.91%200%201.76-.35%202.4-.99m8.4-4.78L13.5%2012l2.66%202.35c.68.68%201.54%201.03%202.44%201.03c1.87%200%203.4-1.51%203.4-3.38s-1.53-3.38-3.4-3.38c-.91%200-1.76.35-2.4.99%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/infinity.svg?color=%231a73e8&size=48
