Hover the icon or press Play. Suggested motion: spin. Pick another to preview it and update the animated code:
Update icon
A free update 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/update.jsonimport * as React from "react";
/**
* Update from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/update. Sized in em, colored by currentColor.
*/
export function RxUpdateIcon(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="M7.98779 1.56268C8.0409 1.27989 8.3134 1.09275 8.59619 1.14569L8.86475 1.20233C11.6292 1.83955 14.0531 4.23823 14.0532 7.70331C14.0532 9.23977 13.3539 10.4478 12.5376 11.3664C11.9526 12.0246 11.2828 12.5586 10.7446 12.968L12.3823 12.968C12.6583 12.9681 12.8822 13.192 12.8823 13.468C12.8823 13.744 12.6583 13.9678 12.3823 13.968L9.38232 13.968C9.10618 13.968 8.88232 13.7441 8.88232 13.468L8.88232 10.468C8.88242 10.1919 9.10624 9.96796 9.38232 9.96796C9.65828 9.96811 9.88223 10.192 9.88232 10.468L9.88232 12.3137L10.064 12.176C10.5978 11.7712 11.2158 11.2844 11.7583 10.674C12.4727 9.87007 13.0102 8.89839 13.0103 7.70331C13.0101 4.69155 10.8502 2.63051 8.40381 2.17108L8.30225 2.14081C8.07811 2.04924 7.94169 1.80992 7.98779 1.56268ZM0.86084 7.29706C0.860904 5.76062 1.56016 4.55258 2.37646 3.63397C2.96144 2.97579 3.63128 2.44174 4.16943 2.03241L2.53174 2.03241C2.25581 2.03224 2.03185 1.80835 2.03174 1.53241C2.03174 1.25637 2.25574 1.03258 2.53174 1.03241L5.53174 1.03241C5.80788 1.03241 6.03174 1.25627 6.03174 1.53241L6.03174 4.53241C6.03162 4.80845 5.80781 5.03241 5.53174 5.03241C5.25581 5.03224 5.03185 4.80835 5.03174 4.53241L5.03174 2.68671L4.8501 2.8244C4.3163 3.22913 3.6983 3.71593 3.15576 4.32635C2.44134 5.13029 1.90387 6.10199 1.90381 7.29706C1.90397 10.3411 4.11093 12.4148 6.58936 12.8439C6.87264 12.8932 7.06302 13.1631 7.01416 13.4465C6.96499 13.7298 6.69498 13.92 6.41162 13.8713C3.50004 13.3671 0.860998 10.9128 0.86084 7.29706Z"
fill="currentColor"
/>
</svg>
);
}import { RxUpdate } from "react-icons/rx";
export function Example() {
return <RxUpdate 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="M7.98779 1.56268C8.0409 1.27989 8.3134 1.09275 8.59619 1.14569L8.86475 1.20233C11.6292 1.83955 14.0531 4.23823 14.0532 7.70331C14.0532 9.23977 13.3539 10.4478 12.5376 11.3664C11.9526 12.0246 11.2828 12.5586 10.7446 12.968L12.3823 12.968C12.6583 12.9681 12.8822 13.192 12.8823 13.468C12.8823 13.744 12.6583 13.9678 12.3823 13.968L9.38232 13.968C9.10618 13.968 8.88232 13.7441 8.88232 13.468L8.88232 10.468C8.88242 10.1919 9.10624 9.96796 9.38232 9.96796C9.65828 9.96811 9.88223 10.192 9.88232 10.468L9.88232 12.3137L10.064 12.176C10.5978 11.7712 11.2158 11.2844 11.7583 10.674C12.4727 9.87007 13.0102 8.89839 13.0103 7.70331C13.0101 4.69155 10.8502 2.63051 8.40381 2.17108L8.30225 2.14081C8.07811 2.04924 7.94169 1.80992 7.98779 1.56268ZM0.86084 7.29706C0.860904 5.76062 1.56016 4.55258 2.37646 3.63397C2.96144 2.97579 3.63128 2.44174 4.16943 2.03241L2.53174 2.03241C2.25581 2.03224 2.03185 1.80835 2.03174 1.53241C2.03174 1.25637 2.25574 1.03258 2.53174 1.03241L5.53174 1.03241C5.80788 1.03241 6.03174 1.25627 6.03174 1.53241L6.03174 4.53241C6.03162 4.80845 5.80781 5.03241 5.53174 5.03241C5.25581 5.03224 5.03185 4.80835 5.03174 4.53241L5.03174 2.68671L4.8501 2.8244C4.3163 3.22913 3.6983 3.71593 3.15576 4.32635C2.44134 5.13029 1.90387 6.10199 1.90381 7.29706C1.90397 10.3411 4.11093 12.4148 6.58936 12.8439C6.87264 12.8932 7.06302 13.1631 7.01416 13.4465C6.96499 13.7298 6.69498 13.92 6.41162 13.8713C3.50004 13.3671 0.860998 10.9128 0.86084 7.29706Z"
fill="currentColor"
/>
</svg>"Update" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.