ideal logo
ideal from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- ideal
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 576×512
- License
- CC BY 4.0
The same logo in other sets
Use the ideal logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M125.61 165.48a49.07 49.07 0 1 0 49.06 49.06a49.08 49.08 0 0 0-49.06-49.06M86.15 425.84h78.94V285.32H86.15Zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26m201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26c0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64Zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51Zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34ZM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32m0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41c0 134.09-81 203.44-229.9 203.44m83.86-264.85L376 219.88h16.4l-7.52-25.81Z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsIdeal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M125.61 165.48a49.07 49.07 0 1 0 49.06 49.06a49.08 49.08 0 0 0-49.06-49.06M86.15 425.84h78.94V285.32H86.15Zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26m201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26c0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64Zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51Zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34ZM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32m0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41c0 134.09-81 203.44-229.9 203.44m83.86-264.85L376 219.88h16.4l-7.52-25.81Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M125.61 165.48a49.07 49.07 0 1 0 49.06 49.06a49.08 49.08 0 0 0-49.06-49.06M86.15 425.84h78.94V285.32H86.15Zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75 0 18.74-2.81 18.74-23.26m201.69 46v-91.31h22.75v68.57h33.69C486.5 113.08 388.61 86.19 299.67 86.19h-94.83V169h14c25.6 0 41.5 17.35 41.5 45.26c0 28.81-15.52 46-41.5 46h-14v165.62h94.83c144.61 0 194.94-67.16 196.72-165.64Zm-109.75 0H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51Zm74.66 0l-5.16-17.67h-29.74l-5.18 17.67h-23.66L368 168.92h32.35l27.53 91.34ZM299.65 32H32v448h267.65c161.85 0 251-79.73 251-224.52C550.62 172 518 32 299.65 32m0 426.92H53.07V53.07h246.58c142.1 0 229.9 64.61 229.9 202.41c0 134.09-81 203.44-229.9 203.44m83.86-264.85L376 219.88h16.4l-7.52-25.81Z"/></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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M125.61%20165.48a49.07%2049.07%200%201%200%2049.06%2049.06a49.08%2049.08%200%200%200-49.06-49.06M86.15%20425.84h78.94V285.32H86.15Zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75%200%2018.74-2.81%2018.74-23.26m201.69%2046v-91.31h22.75v68.57h33.69C486.5%20113.08%20388.61%2086.19%20299.67%2086.19h-94.83V169h14c25.6%200%2041.5%2017.35%2041.5%2045.26c0%2028.81-15.52%2046-41.5%2046h-14v165.62h94.83c144.61%200%20194.94-67.16%20196.72-165.64Zm-109.75%200H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51Zm74.66%200l-5.16-17.67h-29.74l-5.18%2017.67h-23.66L368%20168.92h32.35l27.53%2091.34ZM299.65%2032H32v448h267.65c161.85%200%20251-79.73%20251-224.52C550.62%20172%20518%2032%20299.65%2032m0%20426.92H53.07V53.07h246.58c142.1%200%20229.9%2064.61%20229.9%20202.41c0%20134.09-81%20203.44-229.9%20203.44m83.86-264.85L376%20219.88h16.4l-7.52-25.81Z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M125.61%20165.48a49.07%2049.07%200%201%200%2049.06%2049.06a49.08%2049.08%200%200%200-49.06-49.06M86.15%20425.84h78.94V285.32H86.15Zm151.46-211.6c0-20-10-22.53-18.74-22.53h-14.05v45.79h14.05c9.75%200%2018.74-2.81%2018.74-23.26m201.69%2046v-91.31h22.75v68.57h33.69C486.5%20113.08%20388.61%2086.19%20299.67%2086.19h-94.83V169h14c25.6%200%2041.5%2017.35%2041.5%2045.26c0%2028.81-15.52%2046-41.5%2046h-14v165.62h94.83c144.61%200%20194.94-67.16%20196.72-165.64Zm-109.75%200H273.3V169h54.43v22.73H296v10.58h30V225h-30v12.5h33.51Zm74.66%200l-5.16-17.67h-29.74l-5.18%2017.67h-23.66L368%20168.92h32.35l27.53%2091.34ZM299.65%2032H32v448h267.65c161.85%200%20251-79.73%20251-224.52C550.62%20172%20518%2032%20299.65%2032m0%20426.92H53.07V53.07h246.58c142.1%200%20229.9%2064.61%20229.9%20202.41c0%20134.09-81%20203.44-229.9%20203.44m83.86-264.85L376%20219.88h16.4l-7.52-25.81Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/ideal.svg?color=%231a73e8&size=48
