infinity icon
infinity-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- infinity-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
1 other variant in Octicons
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 EmojiinfinityOpenMojiinfinityPhosphorinfinityPixelarticonsinfinity-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="M12 11.16c.887-.933 1.813-1.865 2.78-2.6C15.952 7.668 17.267 7 18.75 7C21.657 7 24 9.615 24 12.25s-2.343 5.25-5.25 5.25c-1.483 0-2.798-.668-3.97-1.56c-.967-.735-1.893-1.667-2.78-2.6c-.887.933-1.813 1.865-2.78 2.6c-1.172.892-2.487 1.56-3.97 1.56C2.343 17.5 0 14.885 0 12.25S2.343 7 5.25 7c1.483 0 2.798.667 3.97 1.56c.967.735 1.893 1.667 2.78 2.6M5.25 8.5c-2.032 0-3.75 1.895-3.75 3.75S3.218 16 5.25 16c1.017 0 2.014-.457 3.062-1.253c.89-.678 1.758-1.554 2.655-2.497c-.897-.943-1.765-1.82-2.655-2.497C7.264 8.957 6.267 8.5 5.25 8.5m7.783 3.75c.897.943 1.765 1.82 2.655 2.497C16.736 15.543 17.733 16 18.75 16c2.032 0 3.75-1.895 3.75-3.75S20.782 8.5 18.75 8.5c-1.017 0-2.014.457-3.062 1.253c-.89.678-1.758 1.554-2.655 2.497"/></svg>
React
import type { SVGProps } from "react";
export function OcticonInfinity24(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="M12 11.16c.887-.933 1.813-1.865 2.78-2.6C15.952 7.668 17.267 7 18.75 7C21.657 7 24 9.615 24 12.25s-2.343 5.25-5.25 5.25c-1.483 0-2.798-.668-3.97-1.56c-.967-.735-1.893-1.667-2.78-2.6c-.887.933-1.813 1.865-2.78 2.6c-1.172.892-2.487 1.56-3.97 1.56C2.343 17.5 0 14.885 0 12.25S2.343 7 5.25 7c1.483 0 2.798.667 3.97 1.56c.967.735 1.893 1.667 2.78 2.6M5.25 8.5c-2.032 0-3.75 1.895-3.75 3.75S3.218 16 5.25 16c1.017 0 2.014-.457 3.062-1.253c.89-.678 1.758-1.554 2.655-2.497c-.897-.943-1.765-1.82-2.655-2.497C7.264 8.957 6.267 8.5 5.25 8.5m7.783 3.75c.897.943 1.765 1.82 2.655 2.497C16.736 15.543 17.733 16 18.75 16c2.032 0 3.75-1.895 3.75-3.75S20.782 8.5 18.75 8.5c-1.017 0-2.014.457-3.062 1.253c-.89.678-1.758 1.554-2.655 2.497"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11.16c.887-.933 1.813-1.865 2.78-2.6C15.952 7.668 17.267 7 18.75 7C21.657 7 24 9.615 24 12.25s-2.343 5.25-5.25 5.25c-1.483 0-2.798-.668-3.97-1.56c-.967-.735-1.893-1.667-2.78-2.6c-.887.933-1.813 1.865-2.78 2.6c-1.172.892-2.487 1.56-3.97 1.56C2.343 17.5 0 14.885 0 12.25S2.343 7 5.25 7c1.483 0 2.798.667 3.97 1.56c.967.735 1.893 1.667 2.78 2.6M5.25 8.5c-2.032 0-3.75 1.895-3.75 3.75S3.218 16 5.25 16c1.017 0 2.014-.457 3.062-1.253c.89-.678 1.758-1.554 2.655-2.497c-.897-.943-1.765-1.82-2.655-2.497C7.264 8.957 6.267 8.5 5.25 8.5m7.783 3.75c.897.943 1.765 1.82 2.655 2.497C16.736 15.543 17.733 16 18.75 16c2.032 0 3.75-1.895 3.75-3.75S20.782 8.5 18.75 8.5c-1.017 0-2.014.457-3.062 1.253c-.89.678-1.758 1.554-2.655 2.497"/></svg> </template>
CSS
.icon-infinity-24 {
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%22M12%2011.16c.887-.933%201.813-1.865%202.78-2.6C15.952%207.668%2017.267%207%2018.75%207C21.657%207%2024%209.615%2024%2012.25s-2.343%205.25-5.25%205.25c-1.483%200-2.798-.668-3.97-1.56c-.967-.735-1.893-1.667-2.78-2.6c-.887.933-1.813%201.865-2.78%202.6c-1.172.892-2.487%201.56-3.97%201.56C2.343%2017.5%200%2014.885%200%2012.25S2.343%207%205.25%207c1.483%200%202.798.667%203.97%201.56c.967.735%201.893%201.667%202.78%202.6M5.25%208.5c-2.032%200-3.75%201.895-3.75%203.75S3.218%2016%205.25%2016c1.017%200%202.014-.457%203.062-1.253c.89-.678%201.758-1.554%202.655-2.497c-.897-.943-1.765-1.82-2.655-2.497C7.264%208.957%206.267%208.5%205.25%208.5m7.783%203.75c.897.943%201.765%201.82%202.655%202.497C16.736%2015.543%2017.733%2016%2018.75%2016c2.032%200%203.75-1.895%203.75-3.75S20.782%208.5%2018.75%208.5c-1.017%200-2.014.457-3.062%201.253c-.89.678-1.758%201.554-2.655%202.497%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%22M12%2011.16c.887-.933%201.813-1.865%202.78-2.6C15.952%207.668%2017.267%207%2018.75%207C21.657%207%2024%209.615%2024%2012.25s-2.343%205.25-5.25%205.25c-1.483%200-2.798-.668-3.97-1.56c-.967-.735-1.893-1.667-2.78-2.6c-.887.933-1.813%201.865-2.78%202.6c-1.172.892-2.487%201.56-3.97%201.56C2.343%2017.5%200%2014.885%200%2012.25S2.343%207%205.25%207c1.483%200%202.798.667%203.97%201.56c.967.735%201.893%201.667%202.78%202.6M5.25%208.5c-2.032%200-3.75%201.895-3.75%203.75S3.218%2016%205.25%2016c1.017%200%202.014-.457%203.062-1.253c.89-.678%201.758-1.554%202.655-2.497c-.897-.943-1.765-1.82-2.655-2.497C7.264%208.957%206.267%208.5%205.25%208.5m7.783%203.75c.897.943%201.765%201.82%202.655%202.497C16.736%2015.543%2017.733%2016%2018.75%2016c2.032%200%203.75-1.895%203.75-3.75S20.782%208.5%2018.75%208.5c-1.017%200-2.014.457-3.062%201.253c-.89.678-1.758%201.554-2.655%202.497%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/infinity-24.svg?color=%231a73e8&size=48
