sebikostudio-icons/src/CurveBezierIcon.js

A collection of icon components

    import React, { forwardRef } from 'react';
  
    export const CurveBezierIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
      <svg ref={ref} className={className} aria-label={ariaLabel || "curve, cubic bezier, bezier curve, custom curve, handles, motion, animation, transition"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M16 2.5C8 2.5 12 17.5 4 17.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M17.5 4C18.3284 4 19 3.32843 19 2.5C19 1.67157 18.3284 1 17.5 1C16.6716 1 16 1.67157 16 2.5C16 3.32843 16.6716 4 17.5 4Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M2.5 19C3.32843 19 4 18.3284 4 17.5C4 16.6716 3.32843 16 2.5 16C1.67157 16 1 16.6716 1 17.5C1 18.3284 1.67157 19 2.5 19Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M4 17.5H13.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M6 2.5H15.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M15.5 17.5C15.5 18.0523 15.0523 18.5 14.5 18.5C13.9477 18.5 13.5 18.0523 13.5 17.5C13.5 16.9477 13.9477 16.5 14.5 16.5C15.0523 16.5 15.5 16.9477 15.5 17.5Z" fill="currentColor" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M5.5 2.5C5.5 3.05228 5.05228 3.5 4.5 3.5C3.94772 3.5 3.5 3.05228 3.5 2.5C3.5 1.94772 3.94772 1.5 4.5 1.5C5.05228 1.5 5.5 1.94772 5.5 2.5Z" fill="currentColor" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
</svg>

    ));
  
    export default CurveBezierIcon;