Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Coda icon
A free coda icon from Devicons, 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
- MIT license
- Project
- vorillaz.github.io
npx shadcn@latest add https://ui.cuelark.com/r/icons/devicons/coda.jsonimport * as React from "react";
/**
* Coda from Devicons (https://vorillaz.github.io/devicons/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/devicons/coda. Sized in em, colored by currentColor.
*/
export function DiCodaIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
version="1.1"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M23.895 10.232l-0.419-0.362-16.81 15.685 15.699-16.646-0.42-0.364c-2.026-1.087-4.61-0.843-6.72-0.149-0.609 0.201-1.217 0.442-1.796 0.718-1.249 0.595-2.406 1.363-3.416 2.312-2.303 2.165-3.767 5.051-4.484 8.11-0.201 0.859-0.367 1.737-0.488 2.611-0.152 1.099-0.242 2.205-0.319 3.311-0.065 0.93-0.204 2.187 1.094 2.109 0.231-0.014 0.462-0.011 0.693-0.016 3.249-0.069 6.516-0.033 9.64-1.078 2.032-0.68 3.98-1.779 5.503-3.292 2.282-2.265 3.934-5.567 3.675-8.845-0.114-1.453-0.434-2.987-1.433-4.105zM26.374 5.001l0.942 0.942-17.609 16.589z"
/>
</svg>
);
}import { DiCoda } from "react-icons/di";
export function Example() {
return <DiCoda className="size-5" />;
}<svg
version="1.1"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M23.895 10.232l-0.419-0.362-16.81 15.685 15.699-16.646-0.42-0.364c-2.026-1.087-4.61-0.843-6.72-0.149-0.609 0.201-1.217 0.442-1.796 0.718-1.249 0.595-2.406 1.363-3.416 2.312-2.303 2.165-3.767 5.051-4.484 8.11-0.201 0.859-0.367 1.737-0.488 2.611-0.152 1.099-0.242 2.205-0.319 3.311-0.065 0.93-0.204 2.187 1.094 2.109 0.231-0.014 0.462-0.011 0.693-0.016 3.249-0.069 6.516-0.033 9.64-1.078 2.032-0.68 3.98-1.779 5.503-3.292 2.282-2.265 3.934-5.567 3.675-8.845-0.114-1.453-0.434-2.987-1.433-4.105zM26.374 5.001l0.942 0.942-17.609 16.589z"
/>
</svg>"Coda" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.