Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Letter Case Lowercase icon
A free letter case lowercase 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
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/letter-case-lowercase.jsonimport * as React from "react";
/**
* Letter Case Lowercase from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/letter-case-lowercase. Sized in em, colored by currentColor.
*/
export function RxLetterCaseLowercaseIcon(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="M3.69879 5.20702C4.59242 5.20702 5.4047 5.60212 5.95367 6.2246V5.71972C5.95383 5.47132 6.15544 5.26952 6.40387 5.26952C6.65229 5.26954 6.85391 5.47133 6.85406 5.71972V11.5293C6.85406 11.7778 6.65238 11.9795 6.40387 11.9795C6.15534 11.9795 5.95367 11.7778 5.95367 11.5293V11.0195C5.37363 11.6676 4.52168 12.0127 3.69879 12.0127C2.15809 12.0126 0.809143 10.6333 0.809143 8.60937C0.809292 6.68556 2.0582 5.20711 3.69879 5.20702ZM10.7984 5.20702C11.6919 5.20702 12.5043 5.60223 13.0533 6.2246V5.71972C13.0534 5.47158 13.2554 5.26995 13.5035 5.26952C13.7519 5.26952 13.9535 5.47132 13.9537 5.71972V11.5293C13.9537 11.7778 13.752 11.9795 13.5035 11.9795C13.2553 11.9791 13.0533 11.7776 13.0533 11.5293V11.0195C12.4732 11.6674 11.6212 12.0127 10.7984 12.0127C9.25786 12.0124 7.90875 10.6332 7.90875 8.60937C7.9089 6.68571 9.158 5.20734 10.7984 5.20702ZM3.88629 6.05761C2.90854 6.05789 1.83559 6.96599 1.83551 8.60937C1.83551 10.1529 2.80856 11.1608 3.88629 11.1611C4.77058 11.1611 5.57174 10.4926 5.95367 9.79491V7.30566C5.56383 6.58334 4.74205 6.05761 3.88629 6.05761ZM10.9859 6.05761C10.0083 6.05813 8.9352 6.96621 8.93512 8.60937C8.93512 10.1527 9.90833 11.1606 10.9859 11.1611C11.8701 11.1611 12.6713 10.4926 13.0533 9.79491V7.30566C12.6634 6.58343 11.8416 6.05761 10.9859 6.05761Z"
fill="currentColor"
/>
</svg>
);
}import { RxLetterCaseLowercase } from "react-icons/rx";
export function Example() {
return <RxLetterCaseLowercase className="size-5" />;
}<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="M3.69879 5.20702C4.59242 5.20702 5.4047 5.60212 5.95367 6.2246V5.71972C5.95383 5.47132 6.15544 5.26952 6.40387 5.26952C6.65229 5.26954 6.85391 5.47133 6.85406 5.71972V11.5293C6.85406 11.7778 6.65238 11.9795 6.40387 11.9795C6.15534 11.9795 5.95367 11.7778 5.95367 11.5293V11.0195C5.37363 11.6676 4.52168 12.0127 3.69879 12.0127C2.15809 12.0126 0.809143 10.6333 0.809143 8.60937C0.809292 6.68556 2.0582 5.20711 3.69879 5.20702ZM10.7984 5.20702C11.6919 5.20702 12.5043 5.60223 13.0533 6.2246V5.71972C13.0534 5.47158 13.2554 5.26995 13.5035 5.26952C13.7519 5.26952 13.9535 5.47132 13.9537 5.71972V11.5293C13.9537 11.7778 13.752 11.9795 13.5035 11.9795C13.2553 11.9791 13.0533 11.7776 13.0533 11.5293V11.0195C12.4732 11.6674 11.6212 12.0127 10.7984 12.0127C9.25786 12.0124 7.90875 10.6332 7.90875 8.60937C7.9089 6.68571 9.158 5.20734 10.7984 5.20702ZM3.88629 6.05761C2.90854 6.05789 1.83559 6.96599 1.83551 8.60937C1.83551 10.1529 2.80856 11.1608 3.88629 11.1611C4.77058 11.1611 5.57174 10.4926 5.95367 9.79491V7.30566C5.56383 6.58334 4.74205 6.05761 3.88629 6.05761ZM10.9859 6.05761C10.0083 6.05813 8.9352 6.96621 8.93512 8.60937C8.93512 10.1527 9.90833 11.1606 10.9859 11.1611C11.8701 11.1611 12.6713 10.4926 13.0533 9.79491V7.30566C12.6634 6.58343 11.8416 6.05761 10.9859 6.05761Z"
fill="currentColor"
/>
</svg>"Letter Case Lowercase" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.