sebikostudio-icons
Version:
A collection of icon components
19 lines (14 loc) • 1.87 kB
JavaScript
import React, { forwardRef } from 'react';
export const CurveVectorIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
<svg ref={ref} className={className} aria-label={ariaLabel || "curve vector, vector, SVG, svg, vector graphics"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M17.5 16C18.3284 16 19 15.3284 19 14.5C19 13.6716 18.3284 13 17.5 13C16.6716 13 16 13.6716 16 14.5C16 15.3284 16.6716 16 17.5 16Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M2.5 16C3.32843 16 4 15.3284 4 14.5C4 13.6716 3.32843 13 2.5 13C1.67157 13 1 13.6716 1 14.5C1 15.3284 1.67157 16 2.5 16Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M10 7C10.8284 7 11.5 6.32843 11.5 5.5C11.5 4.67157 10.8284 4 10 4C9.17157 4 8.5 4.67157 8.5 5.5C8.5 6.32843 9.17157 7 10 7Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M11.5 5.5H17" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M3 5.5H8.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M19 5.5C19 6.05228 18.5523 6.5 18 6.5C17.4477 6.5 17 6.05228 17 5.5C17 4.94772 17.4477 4.5 18 4.5C18.5523 4.5 19 4.94772 19 5.5Z" fill="currentColor" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M3 5.5C3 6.05228 2.55228 6.5 2 6.5C1.44772 6.5 1 6.05228 1 5.5C1 4.94772 1.44772 4.5 2 4.5C2.55228 4.5 3 4.94772 3 5.5Z" fill="currentColor" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M17.5 13.0001C17.5 9.37168 14.9234 6.34505 11.5 5.65015M2.5 13.0001C2.5 9.37168 5.07664 6.34505 8.5 5.65015" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
));
export default CurveVectorIcon;