How to use the Aldo icon
import { AldoLogo } from "@/assets/icons/aldoLogo"
export default function Example() {
return <AldoLogo width="32px" height="32px" />
}Brands icon
Copy the Aldo icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
Copy-ready code
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1114077464
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const AldoLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 111 22" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M280.478 755.563v-19.341h3.263v16.124h15.836v3.217zM316.341 736.228c9.745-.022 12.821 5.551 12.827 9.68v.052a8.46 8.46 0 0 1-2.965 6.463c-2.136 1.857-5.554 3.14-10.696 3.14H303.56v-19.335zm-.673 16.112c7.617-.025 10.192-3.186 10.204-6.4l.001-.043c-.04-3.083-2.395-6.422-9.527-6.446h-9.545v12.889zM346.552 735.79c4.632 0 8.077 1.248 10.368 3.143 2.29 1.894 3.417 4.434 3.415 6.962.002 2.528-1.125 5.069-3.415 6.963s-5.732 3.143-10.364 3.142h-.004c-4.635.001-8.078-1.247-10.368-3.142s-3.418-4.435-3.416-6.963c-.002-2.528 1.125-5.068 3.416-6.962s5.733-3.143 10.368-3.143m0 16.97c7.161-.013 10.5-3.444 10.511-6.865-.004-1.753-.855-3.45-2.595-4.732-1.738-1.28-4.376-2.132-7.916-2.132-7.161.013-10.5 3.446-10.51 6.864.01 3.421 3.349 6.852 10.51 6.865M252.827 755.551l-.492-.001 12.629-19.712 12.605 19.713h-3.651l-3.122-4.666h-11.737l-3.068 4.674zm15.998-7.878-3.874-6.058-3.946 6.058z" transform="translate(-251 -735)"/>
</svg>
)
import { AldoLogo } from "@/assets/icons/aldoLogo"
export default function Example() {
return <AldoLogo width="32px" height="32px" />
}Built for the web
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Yes. You can copy the JSX component and use it in React and Next.js projects.
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.