Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Simple Icons · SiAda

Ada icon

A free ada icon from Simple Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
CC0 1.0 Universal license
Project
simpleicons.org
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/ada.json
components/icons/simple-icons-ada.tsx
import * as React from "react";

/**
 * Ada from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/ada. Sized in em, colored by currentColor.
 */
export function SiAdaIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M18.869 13.45c0-.428.45-.585 1.18-.663.606-.068 1.09-.169 1.404-.371v.539c0 .644-.542.957-1.265 1.028a47.006 47 0 0 0-.925-.077c-.25-.095-.394-.256-.394-.457m-13.99.19h3.113l.256.755a33.004 33 0 0 0-3.96.97zM6.43 9.056l1.09 3.202H5.34zm6.921 1.606c.82 0 1.483.742 1.483 1.663 0 .651-.348 1.212-.852 1.473a47.006 47 0 0 0-1.152.053c-.562-.227-.961-.812-.961-1.526 0-.944.663-1.663 1.483-1.663m9.484 3.657v-3.072c0-.461-.18-1.978-2.529-1.978-1.516 0-2.572.82-2.718 1.921h1.483c.134-.494.741-.73 1.27-.73.662 0 1.055.247 1.055.55 0 .472-.685.585-1.651.675-1.28.112-2.37.449-2.37 1.752q0 .194.035.367a51.006 51 0 0 0-1.092-.028V6.844h-1.484v3.123a2.43 2.43 0 0 0-1.707-.674c-1.505 0-2.752 1.303-2.752 3.022a3.2 3.2 0 0 0 .474 1.702 38.005 38 0 0 0-1.12.14L7.376 7.406H5.498l-2.992 8.587A22.003 22 0 0 0 0 17.156c3.835-1.673 13.295-3.938 24-2.55-.051-.057-.466-.166-1.164-.286"
      />
    </svg>
  );
}
With react-icons
import { SiAda } from "react-icons/si";

export function Example() {
  return <SiAda className="size-5" />;
}
ada.svg
<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M18.869 13.45c0-.428.45-.585 1.18-.663.606-.068 1.09-.169 1.404-.371v.539c0 .644-.542.957-1.265 1.028a47.006 47 0 0 0-.925-.077c-.25-.095-.394-.256-.394-.457m-13.99.19h3.113l.256.755a33.004 33 0 0 0-3.96.97zM6.43 9.056l1.09 3.202H5.34zm6.921 1.606c.82 0 1.483.742 1.483 1.663 0 .651-.348 1.212-.852 1.473a47.006 47 0 0 0-1.152.053c-.562-.227-.961-.812-.961-1.526 0-.944.663-1.663 1.483-1.663m9.484 3.657v-3.072c0-.461-.18-1.978-2.529-1.978-1.516 0-2.572.82-2.718 1.921h1.483c.134-.494.741-.73 1.27-.73.662 0 1.055.247 1.055.55 0 .472-.685.585-1.651.675-1.28.112-2.37.449-2.37 1.752q0 .194.035.367a51.006 51 0 0 0-1.092-.028V6.844h-1.484v3.123a2.43 2.43 0 0 0-1.707-.674c-1.505 0-2.752 1.303-2.752 3.022a3.2 3.2 0 0 0 .474 1.702 38.005 38 0 0 0-1.12.14L7.376 7.406H5.498l-2.992 8.587A22.003 22 0 0 0 0 17.156c3.835-1.673 13.295-3.938 24-2.55-.051-.057-.466-.166-1.164-.286"
  />
</svg>
Attribution
"Ada" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.