Skip to content
Cuelark UI

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

Radix Icons · RxCornerBottomLeft

Corner Bottom Left icon

A free corner bottom left icon from Radix 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
MIT license
Project
icons.radix-ui.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/corner-bottom-left.json
components/icons/radix-corner-bottom-left.tsx
import * as React from "react";

/**
 * Corner Bottom Left from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/corner-bottom-left. Sized in em, colored by currentColor.
 */
export function RxCornerBottomLeftIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.5 12C11.7761 12 12 11.7761 12 11.5C12 11.2239 11.7761 11 11.5 11H9.90039C8.77204 11 7.9554 10.9997 7.31348 10.9473C6.67741 10.8953 6.25672 10.7942 5.91113 10.6182C5.25262 10.2826 4.71738 9.74738 4.38184 9.08887C4.20575 8.74328 4.10471 8.32259 4.05273 7.68652C4.00029 7.0446 4 6.22796 4 5.09961V3.5C4 3.22386 3.77614 3 3.5 3C3.22386 3 3 3.22386 3 3.5V5.09961C3 6.21131 3.00012 7.07553 3.05664 7.76758C3.11366 8.46547 3.23038 9.03293 3.49023 9.54297C3.92166 10.3897 4.6103 11.0783 5.45703 11.5098C5.96707 11.7696 6.53453 11.8863 7.23242 11.9434C7.92447 11.9999 8.78869 12 9.90039 12H11.5Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxCornerBottomLeft } from "react-icons/rx";

export function Example() {
  return <RxCornerBottomLeft className="size-5" />;
}
corner-bottom-left.svg
<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M11.5 12C11.7761 12 12 11.7761 12 11.5C12 11.2239 11.7761 11 11.5 11H9.90039C8.77204 11 7.9554 10.9997 7.31348 10.9473C6.67741 10.8953 6.25672 10.7942 5.91113 10.6182C5.25262 10.2826 4.71738 9.74738 4.38184 9.08887C4.20575 8.74328 4.10471 8.32259 4.05273 7.68652C4.00029 7.0446 4 6.22796 4 5.09961V3.5C4 3.22386 3.77614 3 3.5 3C3.22386 3 3 3.22386 3 3.5V5.09961C3 6.21131 3.00012 7.07553 3.05664 7.76758C3.11366 8.46547 3.23038 9.03293 3.49023 9.54297C3.92166 10.3897 4.6103 11.0783 5.45703 11.5098C5.96707 11.7696 6.53453 11.8863 7.23242 11.9434C7.92447 11.9999 8.78869 12 9.90039 12H11.5Z"
    fill="currentColor"
  />
</svg>
Attribution
"Corner Bottom Left" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: