Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Bezier Curve Solid icon
A free bezier curve solid 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/bezier-curve-solid.jsonimport * as React from "react";
/**
* Bezier Curve Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/line-awesome/bezier-curve-solid. Sized in em, colored by currentColor.
*/
export function LiaBezierCurveSolidIcon(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 12 6 L 12 9 L 5.8125 9 C 5.394531 7.84375 4.292969 7 3 7 C 1.355469 7 0 8.355469 0 10 C 0 11.644531 1.355469 13 3 13 C 4.292969 13 5.394531 12.15625 5.8125 11 L 8.125 11 C 7.714844 11.390625 7.359375 11.816406 7.03125 12.28125 C 5.875 13.917969 5.195313 15.9375 5.03125 18 L 2 18 L 2 26 L 10 26 L 10 18 L 7.0625 18 C 7.226563 16.328125 7.773438 14.6875 8.65625 13.4375 C 9.515625 12.21875 10.621094 11.367188 12 11.09375 L 12 14 L 20 14 L 20 11.09375 C 21.378906 11.367188 22.484375 12.21875 23.34375 13.4375 C 24.226563 14.6875 24.773438 16.328125 24.9375 18 L 22 18 L 22 26 L 30 26 L 30 18 L 26.96875 18 C 26.804688 15.9375 26.125 13.917969 24.96875 12.28125 C 24.640625 11.816406 24.285156 11.390625 23.875 11 L 26.1875 11 C 26.605469 12.15625 27.707031 13 29 13 C 30.644531 13 32 11.644531 32 10 C 32 8.355469 30.644531 7 29 7 C 27.707031 7 26.605469 7.84375 26.1875 9 L 20 9 L 20 6 Z M 14 8 L 18 8 L 18 12 L 14 12 Z M 3 9 C 3.5625 9 4 9.4375 4 10 C 4 10.5625 3.5625 11 3 11 C 2.4375 11 2 10.5625 2 10 C 2 9.4375 2.4375 9 3 9 Z M 29 9 C 29.5625 9 30 9.4375 30 10 C 30 10.5625 29.5625 11 29 11 C 28.4375 11 28 10.5625 28 10 C 28 9.4375 28.4375 9 29 9 Z M 4 20 L 8 20 L 8 24 L 4 24 Z M 24 20 L 28 20 L 28 24 L 24 24 Z"
/>
</svg>
);
}import { LiaBezierCurveSolid } from "react-icons/lia";
export function Example() {
return <LiaBezierCurveSolid 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 12 6 L 12 9 L 5.8125 9 C 5.394531 7.84375 4.292969 7 3 7 C 1.355469 7 0 8.355469 0 10 C 0 11.644531 1.355469 13 3 13 C 4.292969 13 5.394531 12.15625 5.8125 11 L 8.125 11 C 7.714844 11.390625 7.359375 11.816406 7.03125 12.28125 C 5.875 13.917969 5.195313 15.9375 5.03125 18 L 2 18 L 2 26 L 10 26 L 10 18 L 7.0625 18 C 7.226563 16.328125 7.773438 14.6875 8.65625 13.4375 C 9.515625 12.21875 10.621094 11.367188 12 11.09375 L 12 14 L 20 14 L 20 11.09375 C 21.378906 11.367188 22.484375 12.21875 23.34375 13.4375 C 24.226563 14.6875 24.773438 16.328125 24.9375 18 L 22 18 L 22 26 L 30 26 L 30 18 L 26.96875 18 C 26.804688 15.9375 26.125 13.917969 24.96875 12.28125 C 24.640625 11.816406 24.285156 11.390625 23.875 11 L 26.1875 11 C 26.605469 12.15625 27.707031 13 29 13 C 30.644531 13 32 11.644531 32 10 C 32 8.355469 30.644531 7 29 7 C 27.707031 7 26.605469 7.84375 26.1875 9 L 20 9 L 20 6 Z M 14 8 L 18 8 L 18 12 L 14 12 Z M 3 9 C 3.5625 9 4 9.4375 4 10 C 4 10.5625 3.5625 11 3 11 C 2.4375 11 2 10.5625 2 10 C 2 9.4375 2.4375 9 3 9 Z M 29 9 C 29.5625 9 30 9.4375 30 10 C 30 10.5625 29.5625 11 29 11 C 28.4375 11 28 10.5625 28 10 C 28 9.4375 28.4375 9 29 9 Z M 4 20 L 8 20 L 8 24 L 4 24 Z M 24 20 L 28 20 L 28 24 L 24 24 Z"
/>
</svg>"Bezier Curve Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.Related icons:
- ad solid
- address book solid
- address card solid
- adjust solid
- air freshener solid
- align center solid
- align justify solid
- align left solid
- align right solid
- allergies solid
- ambulance solid
- american sign language interpreting solid
- anchor solid
- angle double down solid
- angle double left solid
- angle double right solid
- angle double up solid
- angle down solid
- angle left solid
- angle right solid
- angle up solid
- angry solid
- ankh solid
- apple alt solid