infinity icon
infinity from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.
- Name
- infinity
- Set
- EOS Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
All infinity icons →infinityAkar IconsinfinityBootstrap IconsinfinityFont Awesome 6 SolidinfinityFont Awesome SolidinfinityFluent EmojiinfinityFluent Emoji FlatinfinityFluent Emoji High Contrastinfinitycss.gginfinityLine AwesomeinfinityLucideinfinityMaterial Design IconsinfinityMyna UI IconsinfinityNoto Emojiinfinity-16OcticonsinfinityOpenMojiinfinityPhosphorinfinityPixelarticonsinfinity-fillRemix Iconinfinity-bold-duotoneSolarinfinityTabler IconsinfinityTwitter Emoji
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="M22.385 8.609A5.47 5.47 0 0 0 18.5 7a5.57 5.57 0 0 0-3.928 1.609L12 11.092L9.428 8.61a5.5 5.5 0 1 0 0 7.782L12 13.83l2.572 2.562a5.514 5.514 0 1 0 7.813-7.782m-14.37 6.374a3.54 3.54 0 0 1-4.986 0a3.518 3.518 0 0 1 4.985-4.965l2.486 2.474Zm12.956 0a3.54 3.54 0 0 1-4.985 0l-2.486-2.49l2.486-2.476a3.54 3.54 0 0 1 4.985 0a3.506 3.506 0 0 1 0 4.965"/></svg>
React
import type { SVGProps } from "react";
export function EosIconsInfinity(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="M22.385 8.609A5.47 5.47 0 0 0 18.5 7a5.57 5.57 0 0 0-3.928 1.609L12 11.092L9.428 8.61a5.5 5.5 0 1 0 0 7.782L12 13.83l2.572 2.562a5.514 5.514 0 1 0 7.813-7.782m-14.37 6.374a3.54 3.54 0 0 1-4.986 0a3.518 3.518 0 0 1 4.985-4.965l2.486 2.474Zm12.956 0a3.54 3.54 0 0 1-4.985 0l-2.486-2.49l2.486-2.476a3.54 3.54 0 0 1 4.985 0a3.506 3.506 0 0 1 0 4.965"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.385 8.609A5.47 5.47 0 0 0 18.5 7a5.57 5.57 0 0 0-3.928 1.609L12 11.092L9.428 8.61a5.5 5.5 0 1 0 0 7.782L12 13.83l2.572 2.562a5.514 5.514 0 1 0 7.813-7.782m-14.37 6.374a3.54 3.54 0 0 1-4.986 0a3.518 3.518 0 0 1 4.985-4.965l2.486 2.474Zm12.956 0a3.54 3.54 0 0 1-4.985 0l-2.486-2.49l2.486-2.476a3.54 3.54 0 0 1 4.985 0a3.506 3.506 0 0 1 0 4.965"/></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%22M22.385%208.609A5.47%205.47%200%200%200%2018.5%207a5.57%205.57%200%200%200-3.928%201.609L12%2011.092L9.428%208.61a5.5%205.5%200%201%200%200%207.782L12%2013.83l2.572%202.562a5.514%205.514%200%201%200%207.813-7.782m-14.37%206.374a3.54%203.54%200%200%201-4.986%200a3.518%203.518%200%200%201%204.985-4.965l2.486%202.474Zm12.956%200a3.54%203.54%200%200%201-4.985%200l-2.486-2.49l2.486-2.476a3.54%203.54%200%200%201%204.985%200a3.506%203.506%200%200%201%200%204.965%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%22M22.385%208.609A5.47%205.47%200%200%200%2018.5%207a5.57%205.57%200%200%200-3.928%201.609L12%2011.092L9.428%208.61a5.5%205.5%200%201%200%200%207.782L12%2013.83l2.572%202.562a5.514%205.514%200%201%200%207.813-7.782m-14.37%206.374a3.54%203.54%200%200%201-4.986%200a3.518%203.518%200%200%201%204.985-4.965l2.486%202.474Zm12.956%200a3.54%203.54%200%200%201-4.985%200l-2.486-2.49l2.486-2.476a3.54%203.54%200%200%201%204.985%200a3.506%203.506%200%200%201%200%204.965%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/infinity.svg?color=%231a73e8&size=48
