infinity icon

infinity from Font Awesome Solid by Dave Gandy · Solid · Hotel · CC-BY-4.0 Attribution required.

Name
infinity
Set
Font Awesome Solid
Style
Solid
Category
Hotel
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

infinityAkar IconsinfinityBootstrap IconsinfinityFont Awesome 6 SolidinfinityFluent EmojiinfinityFluent Emoji FlatinfinityFluent Emoji High Contrastinfinitycss.gginfinityLine AwesomeinfinityLucideinfinityMaterial Design IconsinfinityMyna UI IconsinfinityNoto Emojiinfinity-16OcticonsinfinityOpenMojiinfinityPhosphorinfinityPixelarticonsinfinity-fillRemix Iconinfinity-bold-duotoneSolarinfinityTabler IconsinfinityTwitter Emoji

More hotel icons from Font Awesome Solid

bedconcierge-belldoor-closeddoor-opendumbbellhot-tubkeyluggage-cartshowersmokingsmoking-bansnowflakesuitcasesuitcase-rollingswimming-poolumbrella-beachutensils

Use the infinity icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M0 320c0-88.4 71.6-160 160-160c50.4 0 97.8 23.7 128 64l32 42.7l32-42.7c30.2-40.3 77.6-64 128-64c88.4 0 160 71.6 160 160s-71.6 160-160 160c-50.4 0-97.8-23.7-128-64l-32-42.7l-32 42.7c-30.2 40.3-77.6 64-128 64C71.6 480 0 408.4 0 320m280 0l-43.2-57.6C218.7 238.2 190.2 224 160 224c-53 0-96 43-96 96s43 96 96 96c30.2 0 58.7-14.2 76.8-38.4zm80 0l43.2 57.6c18.1 24.2 46.6 38.4 76.8 38.4c53 0 96-43 96-96s-43-96-96-96c-30.2 0-58.7 14.2-76.8 38.4z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidInfinity(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M0 320c0-88.4 71.6-160 160-160c50.4 0 97.8 23.7 128 64l32 42.7l32-42.7c30.2-40.3 77.6-64 128-64c88.4 0 160 71.6 160 160s-71.6 160-160 160c-50.4 0-97.8-23.7-128-64l-32-42.7l-32 42.7c-30.2 40.3-77.6 64-128 64C71.6 480 0 408.4 0 320m280 0l-43.2-57.6C218.7 238.2 190.2 224 160 224c-53 0-96 43-96 96s43 96 96 96c30.2 0 58.7-14.2 76.8-38.4zm80 0l43.2 57.6c18.1 24.2 46.6 38.4 76.8 38.4c53 0 96-43 96-96s-43-96-96-96c-30.2 0-58.7 14.2-76.8 38.4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M0 320c0-88.4 71.6-160 160-160c50.4 0 97.8 23.7 128 64l32 42.7l32-42.7c30.2-40.3 77.6-64 128-64c88.4 0 160 71.6 160 160s-71.6 160-160 160c-50.4 0-97.8-23.7-128-64l-32-42.7l-32 42.7c-30.2 40.3-77.6 64-128 64C71.6 480 0 408.4 0 320m280 0l-43.2-57.6C218.7 238.2 190.2 224 160 224c-53 0-96 43-96 96s43 96 96 96c30.2 0 58.7-14.2 76.8-38.4zm80 0l43.2 57.6c18.1 24.2 46.6 38.4 76.8 38.4c53 0 96-43 96-96s-43-96-96-96c-30.2 0-58.7 14.2-76.8 38.4z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20320c0-88.4%2071.6-160%20160-160c50.4%200%2097.8%2023.7%20128%2064l32%2042.7l32-42.7c30.2-40.3%2077.6-64%20128-64c88.4%200%20160%2071.6%20160%20160s-71.6%20160-160%20160c-50.4%200-97.8-23.7-128-64l-32-42.7l-32%2042.7c-30.2%2040.3-77.6%2064-128%2064C71.6%20480%200%20408.4%200%20320m280%200l-43.2-57.6C218.7%20238.2%20190.2%20224%20160%20224c-53%200-96%2043-96%2096s43%2096%2096%2096c30.2%200%2058.7-14.2%2076.8-38.4zm80%200l43.2%2057.6c18.1%2024.2%2046.6%2038.4%2076.8%2038.4c53%200%2096-43%2096-96s-43-96-96-96c-30.2%200-58.7%2014.2-76.8%2038.4z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20320c0-88.4%2071.6-160%20160-160c50.4%200%2097.8%2023.7%20128%2064l32%2042.7l32-42.7c30.2-40.3%2077.6-64%20128-64c88.4%200%20160%2071.6%20160%20160s-71.6%20160-160%20160c-50.4%200-97.8-23.7-128-64l-32-42.7l-32%2042.7c-30.2%2040.3-77.6%2064-128%2064C71.6%20480%200%20408.4%200%20320m280%200l-43.2-57.6C218.7%20238.2%20190.2%20224%20160%20224c-53%200-96%2043-96%2096s43%2096%2096%2096c30.2%200%2058.7-14.2%2076.8-38.4zm80%200l43.2%2057.6c18.1%2024.2%2046.6%2038.4%2076.8%2038.4c53%200%2096-43%2096-96s-43-96-96-96c-30.2%200-58.7%2014.2-76.8%2038.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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