Hover the icon or press Play. Suggested motion: nudge-right. Pick another to preview it and update the animated code:
Corner Double Right Down icon
A free corner double right down icon from css.gg, 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
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/css-gg/corner-double-right-down.jsonimport * as React from "react";
/**
* Corner Double Right Down from css.gg (https://github.com/astrit/css.gg), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/css-gg/corner-double-right-down. Sized in em, colored by currentColor.
*/
export function CgCornerDoubleRightDownIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
fill="none"
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="M7.69438 12.7048L2.63776 7.86424L7.47827 2.80762L8.92302 4.19062L6.56623 6.65263L12.6002 6.49061C15.2502 6.41945 17.4561 8.51002 17.5273 11.16L17.6864 17.0862L19.9335 14.7924L21.3622 16.192L16.4636 21.1924L11.4632 16.2938L12.8628 14.8651L15.2897 17.2426L15.1281 11.2245C15.0926 9.89945 13.9896 8.85417 12.6646 8.88974L6.76674 9.04811L9.07738 11.26L7.69438 12.7048Z"
fill="currentColor"
/>
</svg>
);
}import { CgCornerDoubleRightDown } from "react-icons/cg";
export function Example() {
return <CgCornerDoubleRightDown className="size-5" />;
}<svg
fill="none"
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="M7.69438 12.7048L2.63776 7.86424L7.47827 2.80762L8.92302 4.19062L6.56623 6.65263L12.6002 6.49061C15.2502 6.41945 17.4561 8.51002 17.5273 11.16L17.6864 17.0862L19.9335 14.7924L21.3622 16.192L16.4636 21.1924L11.4632 16.2938L12.8628 14.8651L15.2897 17.2426L15.1281 11.2245C15.0926 9.89945 13.9896 8.85417 12.6646 8.88974L6.76674 9.04811L9.07738 11.26L7.69438 12.7048Z"
fill="currentColor"
/>
</svg>"Corner Double Right Down" icon from css.gg (https://github.com/astrit/css.gg), licensed under MIT license.Related icons:
- align right
- arrow bottom right
- arrow bottom right o
- arrow bottom right r
- arrow down
- arrow down o
- arrow down r
- arrow long down
- arrow long down c
- arrow long down e
- arrow long down l
- arrow long down r
- arrow long right
- arrow long right c
- arrow long right e
- arrow long right l
- arrow long right r
- arrow right
- arrow right o
- arrow right r
- arrow top right
- arrow top right o
- arrow top right r
- arrows expand down left
Similar css.gg icons
- components
- compress
- compress left
- compress right
- compress v
- controller
- copy
- copyright
- corner double down left
- corner double down right
- corner double left down
- corner double left up
- corner double right up
- corner double up left
- corner double up right
- corner down left
- corner down right
- corner left down
- corner left up
- corner right down
- corner right up
- corner up left
- corner up right
- credit card