Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Skyatlas icon
A free skyatlas icon from Icons8 Line Awesome, 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
- icons8.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/skyatlas.jsonimport * as React from "react";
/**
* Skyatlas from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/line-awesome/skyatlas. Sized in em, colored by currentColor.
*/
export function LiaSkyatlasIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M 17.804688 6.59375 C 19.660156 6.59375 24.707031 8.054688 24.707031 13.476563 C 24.707031 13.804688 24.636719 14.578125 24.636719 14.578125 C 24.636719 14.578125 25.554688 14.296875 26.585938 14.296875 C 27.949219 14.296875 32 15.367188 32 19.6875 C 32 23.796875 28.464844 25.40625 26.210938 25.40625 C 17.96875 25.40625 16.136719 12.886719 8.199219 12.886719 C 4.511719 12.886719 2.632813 15.589844 2.632813 18.007813 C 2.632813 21.625 5.332031 23.550781 8.339844 23.550781 C 12.847656 23.550781 15.398438 20.59375 15.757813 20.59375 C 16.183594 20.59375 16.371094 20.832031 16.371094 21.066406 C 16.371094 22.027344 12.285156 25.40625 7.914063 25.40625 C 3.652344 25.40625 0 22.703125 0 18.007813 C 0 13.734375 3.546875 10.65625 7.65625 10.65625 C 16.878906 10.65625 18.6875 23.011719 25.742188 23.011719 C 28.253906 23.011719 29.5 21.226563 29.5 19.628906 C 29.5 17.632813 28.042969 15.988281 25.976563 15.988281 C 25.128906 15.988281 24.238281 16.554688 23.628906 16.554688 C 23.015625 16.554688 22.78125 16.128906 22.78125 15.753906 C 22.78125 15.308594 23.109375 14.554688 23.109375 13.710938 C 23.109375 12.261719 21.972656 8.191406 17.238281 8.191406 C 14.46875 8.191406 13.292969 10.070313 12.777344 10.070313 C 12.257813 10.070313 12.210938 9.8125 12.210938 9.484375 C 12.214844 9.152344 13.996094 6.59375 17.804688 6.59375 Z"
/>
</svg>
);
}import { LiaSkyatlas } from "react-icons/lia";
export function Example() {
return <LiaSkyatlas className="size-5" />;
}<svg
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 17.804688 6.59375 C 19.660156 6.59375 24.707031 8.054688 24.707031 13.476563 C 24.707031 13.804688 24.636719 14.578125 24.636719 14.578125 C 24.636719 14.578125 25.554688 14.296875 26.585938 14.296875 C 27.949219 14.296875 32 15.367188 32 19.6875 C 32 23.796875 28.464844 25.40625 26.210938 25.40625 C 17.96875 25.40625 16.136719 12.886719 8.199219 12.886719 C 4.511719 12.886719 2.632813 15.589844 2.632813 18.007813 C 2.632813 21.625 5.332031 23.550781 8.339844 23.550781 C 12.847656 23.550781 15.398438 20.59375 15.757813 20.59375 C 16.183594 20.59375 16.371094 20.832031 16.371094 21.066406 C 16.371094 22.027344 12.285156 25.40625 7.914063 25.40625 C 3.652344 25.40625 0 22.703125 0 18.007813 C 0 13.734375 3.546875 10.65625 7.65625 10.65625 C 16.878906 10.65625 18.6875 23.011719 25.742188 23.011719 C 28.253906 23.011719 29.5 21.226563 29.5 19.628906 C 29.5 17.632813 28.042969 15.988281 25.976563 15.988281 C 25.128906 15.988281 24.238281 16.554688 23.628906 16.554688 C 23.015625 16.554688 22.78125 16.128906 22.78125 15.753906 C 22.78125 15.308594 23.109375 14.554688 23.109375 13.710938 C 23.109375 12.261719 21.972656 8.191406 17.238281 8.191406 C 14.46875 8.191406 13.292969 10.070313 12.777344 10.070313 C 12.257813 10.070313 12.210938 9.8125 12.210938 9.484375 C 12.214844 9.152344 13.996094 6.59375 17.804688 6.59375 Z"
/>
</svg>"Skyatlas" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.