Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Letter Case Capitalize icon
A free letter case capitalize 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-capitalize.jsonimport * as React from "react";
/**
* Letter Case Capitalize from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/letter-case-capitalize. Sized in em, colored by currentColor.
*/
export function RxLetterCaseCapitalizeIcon(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.68946 2.75C3.89633 2.74979 4.08178 2.87732 4.15626 3.07031L7.36622 11.3896L7.39356 11.4873C7.43224 11.7167 7.30549 11.9491 7.08009 12.0361C6.8546 12.1231 6.60494 12.0358 6.4795 11.8398L6.4336 11.75L5.38282 9.02539H2.01075L0.966806 11.749L0.920908 11.8398C0.795759 12.0354 0.546617 12.1233 0.321299 12.0371C0.0635625 11.9382 -0.0655997 11.6484 0.0332127 11.3906L3.22364 3.07129L3.25587 3.00195C3.34371 2.84806 3.50847 2.75031 3.68946 2.75ZM10.8984 5.20703C11.792 5.20703 12.6044 5.60223 13.1533 6.22461V5.71973C13.1535 5.47158 13.3554 5.26994 13.6035 5.26953C13.852 5.26953 14.0536 5.47132 14.0537 5.71973V11.5293C14.0537 11.7778 13.8521 11.9795 13.6035 11.9795C13.3553 11.9791 13.1533 11.7776 13.1533 11.5293V11.0195C12.5733 11.6675 11.7213 12.0127 10.8984 12.0127C9.3579 12.0124 8.0088 10.6332 8.0088 8.60938C8.00895 6.68571 9.25803 5.20734 10.8984 5.20703ZM11.0859 6.05762C10.1083 6.05812 9.03524 6.96621 9.03517 8.60938C9.03517 10.1527 10.0084 11.1606 11.0859 11.1611C11.9702 11.1611 12.7714 10.4926 13.1533 9.79492V7.30566C12.7635 6.58343 11.9416 6.05762 11.0859 6.05762ZM2.33692 8.17578H5.0547L3.69142 4.64258L2.33692 8.17578Z"
fill="currentColor"
/>
</svg>
);
}import { RxLetterCaseCapitalize } from "react-icons/rx";
export function Example() {
return <RxLetterCaseCapitalize 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.68946 2.75C3.89633 2.74979 4.08178 2.87732 4.15626 3.07031L7.36622 11.3896L7.39356 11.4873C7.43224 11.7167 7.30549 11.9491 7.08009 12.0361C6.8546 12.1231 6.60494 12.0358 6.4795 11.8398L6.4336 11.75L5.38282 9.02539H2.01075L0.966806 11.749L0.920908 11.8398C0.795759 12.0354 0.546617 12.1233 0.321299 12.0371C0.0635625 11.9382 -0.0655997 11.6484 0.0332127 11.3906L3.22364 3.07129L3.25587 3.00195C3.34371 2.84806 3.50847 2.75031 3.68946 2.75ZM10.8984 5.20703C11.792 5.20703 12.6044 5.60223 13.1533 6.22461V5.71973C13.1535 5.47158 13.3554 5.26994 13.6035 5.26953C13.852 5.26953 14.0536 5.47132 14.0537 5.71973V11.5293C14.0537 11.7778 13.8521 11.9795 13.6035 11.9795C13.3553 11.9791 13.1533 11.7776 13.1533 11.5293V11.0195C12.5733 11.6675 11.7213 12.0127 10.8984 12.0127C9.3579 12.0124 8.0088 10.6332 8.0088 8.60938C8.00895 6.68571 9.25803 5.20734 10.8984 5.20703ZM11.0859 6.05762C10.1083 6.05812 9.03524 6.96621 9.03517 8.60938C9.03517 10.1527 10.0084 11.1606 11.0859 11.1611C11.9702 11.1611 12.7714 10.4926 13.1533 9.79492V7.30566C12.7635 6.58343 11.9416 6.05762 11.0859 6.05762ZM2.33692 8.17578H5.0547L3.69142 4.64258L2.33692 8.17578Z"
fill="currentColor"
/>
</svg>"Letter Case Capitalize" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.