Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Napster icon
A free napster 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/napster.jsonimport * as React from "react";
/**
* Napster from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/line-awesome/napster. Sized in em, colored by currentColor.
*/
export function LiaNapsterIcon(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 16 4 C 12.694927 4 9.7522515 5.5410251 7.8300781 7.9375 C 6.9180163 7.5973752 6.3024922 7.4391519 6.25 7.4257812 L 5.0058594 7.1113281 L 5.0039062 11.011719 C 3.7941905 11.927907 3 13.367019 3 15 C 3 16.654038 3.8144799 18.109411 5.0507812 19.023438 C 5.5686586 24.609985 10.273625 29 15.994141 29 C 21.712421 29 26.421146 24.61125 26.941406 19.027344 C 28.18163 18.113675 29 16.657135 29 15 C 29 13.368 28.206528 11.929949 26.998047 11.013672 L 27 7.109375 L 25.759766 7.4257812 C 25.707081 7.4392009 25.087664 7.5985612 24.169922 7.9414062 C 22.24779 5.5435112 19.306215 4 16 4 z M 16 6 C 18.556235 6 20.847437 7.0293573 22.484375 8.6542969 C 21.925697 8.9182233 21.331934 9.2270495 20.726562 9.5898438 C 17.816563 8.0238438 14.19125 8.0238437 11.28125 9.5898438 C 10.673656 9.2256219 10.07789 8.916876 9.5175781 8.6523438 C 11.154392 7.0285355 13.444786 6 16 6 z M 7 9.765625 C 7.957 10.115625 9.3477031 10.708703 10.720703 11.595703 L 11.253906 11.939453 L 11.792969 11.605469 C 14.337969 10.021469 17.67375 10.021469 20.21875 11.605469 L 20.757812 11.939453 L 21.289062 11.595703 C 22.659062 10.709703 24.042 10.118578 25 9.7675781 L 25 18 C 25 22.963 20.957141 27 15.994141 27 C 11.031141 27 6.9941406 22.963953 6.9941406 18.001953 L 7 9.765625 z M 10.439453 18.005859 C 10.004254 18.002375 9.52625 18.006016 9 18.009766 C 9.04 18.459766 8.990625 19.760313 10.390625 20.570312 C 10.620625 20.700313 11.2 20.889922 11.75 20.919922 C 13.09 20.979922 15 21 15 21 C 14.426 18.37325 13.485848 18.03025 10.439453 18.005859 z M 21.556641 18.005859 C 18.503684 18.03025 17.56525 18.37325 17 21 C 17 21 18.91 20.979922 20.25 20.919922 C 20.8 20.889922 21.379375 20.700312 21.609375 20.570312 C 23.009375 19.750312 22.96 18.449766 23 18.009766 C 22.4725 18.006016 21.992777 18.002375 21.556641 18.005859 z M 13.359375 22 C 14.099375 22.78 15 23.38 16 23.75 C 17 23.38 17.890625 22.78 18.640625 22 L 13.359375 22 z M 14.009766 24.435547 C 14.009766 24.435547 13.859922 24.515156 13.669922 24.785156 C 13.529922 25.005156 13.480469 25.294922 13.480469 25.294922 C 15.010469 26.234922 16.999531 26.234922 18.519531 25.294922 C 18.519531 25.294922 18.509609 25.084219 18.349609 24.824219 C 18.179609 24.544219 17.990234 24.435547 17.990234 24.435547 C 16.690234 24.825547 15.249766 24.805547 14.009766 24.435547 z"
/>
</svg>
);
}import { LiaNapster } from "react-icons/lia";
export function Example() {
return <LiaNapster 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 16 4 C 12.694927 4 9.7522515 5.5410251 7.8300781 7.9375 C 6.9180163 7.5973752 6.3024922 7.4391519 6.25 7.4257812 L 5.0058594 7.1113281 L 5.0039062 11.011719 C 3.7941905 11.927907 3 13.367019 3 15 C 3 16.654038 3.8144799 18.109411 5.0507812 19.023438 C 5.5686586 24.609985 10.273625 29 15.994141 29 C 21.712421 29 26.421146 24.61125 26.941406 19.027344 C 28.18163 18.113675 29 16.657135 29 15 C 29 13.368 28.206528 11.929949 26.998047 11.013672 L 27 7.109375 L 25.759766 7.4257812 C 25.707081 7.4392009 25.087664 7.5985612 24.169922 7.9414062 C 22.24779 5.5435112 19.306215 4 16 4 z M 16 6 C 18.556235 6 20.847437 7.0293573 22.484375 8.6542969 C 21.925697 8.9182233 21.331934 9.2270495 20.726562 9.5898438 C 17.816563 8.0238438 14.19125 8.0238437 11.28125 9.5898438 C 10.673656 9.2256219 10.07789 8.916876 9.5175781 8.6523438 C 11.154392 7.0285355 13.444786 6 16 6 z M 7 9.765625 C 7.957 10.115625 9.3477031 10.708703 10.720703 11.595703 L 11.253906 11.939453 L 11.792969 11.605469 C 14.337969 10.021469 17.67375 10.021469 20.21875 11.605469 L 20.757812 11.939453 L 21.289062 11.595703 C 22.659062 10.709703 24.042 10.118578 25 9.7675781 L 25 18 C 25 22.963 20.957141 27 15.994141 27 C 11.031141 27 6.9941406 22.963953 6.9941406 18.001953 L 7 9.765625 z M 10.439453 18.005859 C 10.004254 18.002375 9.52625 18.006016 9 18.009766 C 9.04 18.459766 8.990625 19.760313 10.390625 20.570312 C 10.620625 20.700313 11.2 20.889922 11.75 20.919922 C 13.09 20.979922 15 21 15 21 C 14.426 18.37325 13.485848 18.03025 10.439453 18.005859 z M 21.556641 18.005859 C 18.503684 18.03025 17.56525 18.37325 17 21 C 17 21 18.91 20.979922 20.25 20.919922 C 20.8 20.889922 21.379375 20.700312 21.609375 20.570312 C 23.009375 19.750312 22.96 18.449766 23 18.009766 C 22.4725 18.006016 21.992777 18.002375 21.556641 18.005859 z M 13.359375 22 C 14.099375 22.78 15 23.38 16 23.75 C 17 23.38 17.890625 22.78 18.640625 22 L 13.359375 22 z M 14.009766 24.435547 C 14.009766 24.435547 13.859922 24.515156 13.669922 24.785156 C 13.529922 25.005156 13.480469 25.294922 13.480469 25.294922 C 15.010469 26.234922 16.999531 26.234922 18.519531 25.294922 C 18.519531 25.294922 18.509609 25.084219 18.349609 24.824219 C 18.179609 24.544219 17.990234 24.435547 17.990234 24.435547 C 16.690234 24.825547 15.249766 24.805547 14.009766 24.435547 z"
/>
</svg>"Napster" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.