ideal logo

ideal from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: ideal
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

idealCoreUI Brands idealFont Awesome 6 Brands

Use the ideal logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M157.8 229.5c-18.1-.8-35.1 8.4-44.4 23.9c-9.2 15.5-9.2 34.8 0 50.3c9.3 15.5 26.3 24.7 44.4 23.9c18.1.8 35.1-8.4 44.4-23.9c9.2-15.5 9.2-34.8 0-50.3c-9.3-15.5-26.3-24.7-44.4-23.9m-39.5 260.3h78.9V349.3h-78.9zm151.5-211.6c0-20-10-22.5-18.7-22.5h-14v45.8h14c9.7 0 18.7-2.8 18.7-23.3m201.7 46v-91.3h22.8v68.6H528c-9.4-124.4-107.2-151.3-196.2-151.3H237V233h14c25.6 0 41.5 17.4 41.5 45.3c0 28.8-15.5 46-41.5 46h-14v165.6h94.8c144.6 0 194.9-67.2 196.7-165.6h-57.1zm-109.8 0h-56.2V233h54.4v22.7h-31.7v10.6h30V289h-30v12.5h33.5zm74.7 0l-5.2-17.7h-29.7l-5.2 17.7h-23.7l27.5-91.3h32.3l27.5 91.3h-23.7zM331.8 96H64.1v448h267.7c161.8 0 251-79.7 251-224.5c0-83.5-32.6-223.5-251-223.5m0 426.9H85.2V117h246.6c142.1 0 229.9 64.6 229.9 202.4c0 134.1-81 203.4-229.9 203.4zM415.7 258l-7.5 25.8h16.4l-7.5-25.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsIdeal(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="M157.8 229.5c-18.1-.8-35.1 8.4-44.4 23.9c-9.2 15.5-9.2 34.8 0 50.3c9.3 15.5 26.3 24.7 44.4 23.9c18.1.8 35.1-8.4 44.4-23.9c9.2-15.5 9.2-34.8 0-50.3c-9.3-15.5-26.3-24.7-44.4-23.9m-39.5 260.3h78.9V349.3h-78.9zm151.5-211.6c0-20-10-22.5-18.7-22.5h-14v45.8h14c9.7 0 18.7-2.8 18.7-23.3m201.7 46v-91.3h22.8v68.6H528c-9.4-124.4-107.2-151.3-196.2-151.3H237V233h14c25.6 0 41.5 17.4 41.5 45.3c0 28.8-15.5 46-41.5 46h-14v165.6h94.8c144.6 0 194.9-67.2 196.7-165.6h-57.1zm-109.8 0h-56.2V233h54.4v22.7h-31.7v10.6h30V289h-30v12.5h33.5zm74.7 0l-5.2-17.7h-29.7l-5.2 17.7h-23.7l27.5-91.3h32.3l27.5 91.3h-23.7zM331.8 96H64.1v448h267.7c161.8 0 251-79.7 251-224.5c0-83.5-32.6-223.5-251-223.5m0 426.9H85.2V117h246.6c142.1 0 229.9 64.6 229.9 202.4c0 134.1-81 203.4-229.9 203.4zM415.7 258l-7.5 25.8h16.4l-7.5-25.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M157.8 229.5c-18.1-.8-35.1 8.4-44.4 23.9c-9.2 15.5-9.2 34.8 0 50.3c9.3 15.5 26.3 24.7 44.4 23.9c18.1.8 35.1-8.4 44.4-23.9c9.2-15.5 9.2-34.8 0-50.3c-9.3-15.5-26.3-24.7-44.4-23.9m-39.5 260.3h78.9V349.3h-78.9zm151.5-211.6c0-20-10-22.5-18.7-22.5h-14v45.8h14c9.7 0 18.7-2.8 18.7-23.3m201.7 46v-91.3h22.8v68.6H528c-9.4-124.4-107.2-151.3-196.2-151.3H237V233h14c25.6 0 41.5 17.4 41.5 45.3c0 28.8-15.5 46-41.5 46h-14v165.6h94.8c144.6 0 194.9-67.2 196.7-165.6h-57.1zm-109.8 0h-56.2V233h54.4v22.7h-31.7v10.6h30V289h-30v12.5h33.5zm74.7 0l-5.2-17.7h-29.7l-5.2 17.7h-23.7l27.5-91.3h32.3l27.5 91.3h-23.7zM331.8 96H64.1v448h267.7c161.8 0 251-79.7 251-224.5c0-83.5-32.6-223.5-251-223.5m0 426.9H85.2V117h246.6c142.1 0 229.9 64.6 229.9 202.4c0 134.1-81 203.4-229.9 203.4zM415.7 258l-7.5 25.8h16.4l-7.5-25.8z"/></svg>
</template>

CSS

.icon-ideal {
  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%22M157.8%20229.5c-18.1-.8-35.1%208.4-44.4%2023.9c-9.2%2015.5-9.2%2034.8%200%2050.3c9.3%2015.5%2026.3%2024.7%2044.4%2023.9c18.1.8%2035.1-8.4%2044.4-23.9c9.2-15.5%209.2-34.8%200-50.3c-9.3-15.5-26.3-24.7-44.4-23.9m-39.5%20260.3h78.9V349.3h-78.9zm151.5-211.6c0-20-10-22.5-18.7-22.5h-14v45.8h14c9.7%200%2018.7-2.8%2018.7-23.3m201.7%2046v-91.3h22.8v68.6H528c-9.4-124.4-107.2-151.3-196.2-151.3H237V233h14c25.6%200%2041.5%2017.4%2041.5%2045.3c0%2028.8-15.5%2046-41.5%2046h-14v165.6h94.8c144.6%200%20194.9-67.2%20196.7-165.6h-57.1zm-109.8%200h-56.2V233h54.4v22.7h-31.7v10.6h30V289h-30v12.5h33.5zm74.7%200l-5.2-17.7h-29.7l-5.2%2017.7h-23.7l27.5-91.3h32.3l27.5%2091.3h-23.7zM331.8%2096H64.1v448h267.7c161.8%200%20251-79.7%20251-224.5c0-83.5-32.6-223.5-251-223.5m0%20426.9H85.2V117h246.6c142.1%200%20229.9%2064.6%20229.9%20202.4c0%20134.1-81%20203.4-229.9%20203.4zM415.7%20258l-7.5%2025.8h16.4l-7.5-25.8z%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%22M157.8%20229.5c-18.1-.8-35.1%208.4-44.4%2023.9c-9.2%2015.5-9.2%2034.8%200%2050.3c9.3%2015.5%2026.3%2024.7%2044.4%2023.9c18.1.8%2035.1-8.4%2044.4-23.9c9.2-15.5%209.2-34.8%200-50.3c-9.3-15.5-26.3-24.7-44.4-23.9m-39.5%20260.3h78.9V349.3h-78.9zm151.5-211.6c0-20-10-22.5-18.7-22.5h-14v45.8h14c9.7%200%2018.7-2.8%2018.7-23.3m201.7%2046v-91.3h22.8v68.6H528c-9.4-124.4-107.2-151.3-196.2-151.3H237V233h14c25.6%200%2041.5%2017.4%2041.5%2045.3c0%2028.8-15.5%2046-41.5%2046h-14v165.6h94.8c144.6%200%20194.9-67.2%20196.7-165.6h-57.1zm-109.8%200h-56.2V233h54.4v22.7h-31.7v10.6h30V289h-30v12.5h33.5zm74.7%200l-5.2-17.7h-29.7l-5.2%2017.7h-23.7l27.5-91.3h32.3l27.5%2091.3h-23.7zM331.8%2096H64.1v448h267.7c161.8%200%20251-79.7%20251-224.5c0-83.5-32.6-223.5-251-223.5m0%20426.9H85.2V117h246.6c142.1%200%20229.9%2064.6%20229.9%20202.4c0%20134.1-81%20203.4-229.9%20203.4zM415.7%20258l-7.5%2025.8h16.4l-7.5-25.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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