infinity icon
infinity-fill from Remix Icon by Remix Design · Fill · Others · Apache-2.0 Free for personal and commercial use.
- Name
- infinity-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Others
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
infinityAkar IconsinfinityBootstrap IconsinfinityFont Awesome 6 SolidinfinityFont Awesome SolidinfinityFluent EmojiinfinityFluent Emoji FlatinfinityFluent Emoji High Contrastinfinitycss.gginfinityLine AwesomeinfinityLucideinfinityMaterial Design IconsinfinityMyna UI IconsinfinityNoto Emojiinfinity-16OcticonsinfinityOpenMojiinfinityPhosphorinfinityPixelarticonsinfinity-bold-duotoneSolarinfinityTabler IconsinfinityTwitter Emoji
More others icons from Remix Icon
accessibility-fillai-generate-3d-fillarmchair-fillbell-fillbinoculars-fillbook-shelf-fillbox-1-fillbox-2-fillbox-3-fillcactus-fillcandle-fillcharacter-recognition-fillcross-filldoor-closed-filldoor-filldoor-lock-box-filldoor-lock-filldoor-open-fillflower-fillfridge-fillglasses-2-fillglasses-fillgoggles-fillgraduation-cap-fill
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="M3 12a3.5 3.5 0 0 0 3.5 3.5c1.204 0 2.02-.434 2.7-1.113c.621-.623 1.121-1.44 1.655-2.387c-.534-.947-1.034-1.764-1.656-2.387C8.52 8.933 7.704 8.5 6.5 8.5A3.5 3.5 0 0 0 3 12m3.5 5.5a5.5 5.5 0 1 1 0-11c1.797 0 3.105.691 4.113 1.7c.536.534.987 1.162 1.387 1.802c.4-.64.851-1.268 1.387-1.803C14.395 7.191 15.703 6.5 17.5 6.5a5.5 5.5 0 1 1 0 11c-1.796 0-3.105-.691-4.113-1.7c-.536-.534-.987-1.162-1.387-1.802c-.4.64-.851 1.268-1.387 1.803C9.605 16.809 8.297 17.5 6.5 17.5m6.645-5.5c.534.947 1.034 1.764 1.656 2.387c.68.68 1.496 1.113 2.699 1.113a3.5 3.5 0 1 0 0-7c-1.203 0-2.02.434-2.7 1.113c-.621.623-1.121 1.44-1.655 2.387"/></svg>
React
import type { SVGProps } from "react";
export function RiInfinityFill(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="M3 12a3.5 3.5 0 0 0 3.5 3.5c1.204 0 2.02-.434 2.7-1.113c.621-.623 1.121-1.44 1.655-2.387c-.534-.947-1.034-1.764-1.656-2.387C8.52 8.933 7.704 8.5 6.5 8.5A3.5 3.5 0 0 0 3 12m3.5 5.5a5.5 5.5 0 1 1 0-11c1.797 0 3.105.691 4.113 1.7c.536.534.987 1.162 1.387 1.802c.4-.64.851-1.268 1.387-1.803C14.395 7.191 15.703 6.5 17.5 6.5a5.5 5.5 0 1 1 0 11c-1.796 0-3.105-.691-4.113-1.7c-.536-.534-.987-1.162-1.387-1.802c-.4.64-.851 1.268-1.387 1.803C9.605 16.809 8.297 17.5 6.5 17.5m6.645-5.5c.534.947 1.034 1.764 1.656 2.387c.68.68 1.496 1.113 2.699 1.113a3.5 3.5 0 1 0 0-7c-1.203 0-2.02.434-2.7 1.113c-.621.623-1.121 1.44-1.655 2.387"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 12a3.5 3.5 0 0 0 3.5 3.5c1.204 0 2.02-.434 2.7-1.113c.621-.623 1.121-1.44 1.655-2.387c-.534-.947-1.034-1.764-1.656-2.387C8.52 8.933 7.704 8.5 6.5 8.5A3.5 3.5 0 0 0 3 12m3.5 5.5a5.5 5.5 0 1 1 0-11c1.797 0 3.105.691 4.113 1.7c.536.534.987 1.162 1.387 1.802c.4-.64.851-1.268 1.387-1.803C14.395 7.191 15.703 6.5 17.5 6.5a5.5 5.5 0 1 1 0 11c-1.796 0-3.105-.691-4.113-1.7c-.536-.534-.987-1.162-1.387-1.802c-.4.64-.851 1.268-1.387 1.803C9.605 16.809 8.297 17.5 6.5 17.5m6.645-5.5c.534.947 1.034 1.764 1.656 2.387c.68.68 1.496 1.113 2.699 1.113a3.5 3.5 0 1 0 0-7c-1.203 0-2.02.434-2.7 1.113c-.621.623-1.121 1.44-1.655 2.387"/></svg> </template>
CSS
.icon-infinity-fill {
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%22M3%2012a3.5%203.5%200%200%200%203.5%203.5c1.204%200%202.02-.434%202.7-1.113c.621-.623%201.121-1.44%201.655-2.387c-.534-.947-1.034-1.764-1.656-2.387C8.52%208.933%207.704%208.5%206.5%208.5A3.5%203.5%200%200%200%203%2012m3.5%205.5a5.5%205.5%200%201%201%200-11c1.797%200%203.105.691%204.113%201.7c.536.534.987%201.162%201.387%201.802c.4-.64.851-1.268%201.387-1.803C14.395%207.191%2015.703%206.5%2017.5%206.5a5.5%205.5%200%201%201%200%2011c-1.796%200-3.105-.691-4.113-1.7c-.536-.534-.987-1.162-1.387-1.802c-.4.64-.851%201.268-1.387%201.803C9.605%2016.809%208.297%2017.5%206.5%2017.5m6.645-5.5c.534.947%201.034%201.764%201.656%202.387c.68.68%201.496%201.113%202.699%201.113a3.5%203.5%200%201%200%200-7c-1.203%200-2.02.434-2.7%201.113c-.621.623-1.121%201.44-1.655%202.387%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%22M3%2012a3.5%203.5%200%200%200%203.5%203.5c1.204%200%202.02-.434%202.7-1.113c.621-.623%201.121-1.44%201.655-2.387c-.534-.947-1.034-1.764-1.656-2.387C8.52%208.933%207.704%208.5%206.5%208.5A3.5%203.5%200%200%200%203%2012m3.5%205.5a5.5%205.5%200%201%201%200-11c1.797%200%203.105.691%204.113%201.7c.536.534.987%201.162%201.387%201.802c.4-.64.851-1.268%201.387-1.803C14.395%207.191%2015.703%206.5%2017.5%206.5a5.5%205.5%200%201%201%200%2011c-1.796%200-3.105-.691-4.113-1.7c-.536-.534-.987-1.162-1.387-1.802c-.4.64-.851%201.268-1.387%201.803C9.605%2016.809%208.297%2017.5%206.5%2017.5m6.645-5.5c.534.947%201.034%201.764%201.656%202.387c.68.68%201.496%201.113%202.699%201.113a3.5%203.5%200%201%200%200-7c-1.203%200-2.02.434-2.7%201.113c-.621.623-1.121%201.44-1.655%202.387%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/infinity-fill.svg?color=%231a73e8&size=48
