sebikostudio-icons
Version:
A collection of icon components
16 lines (11 loc) • 1.31 kB
JavaScript
import React, { forwardRef } from 'react';
export const Share1Icon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
<svg ref={ref} className={className} aria-label={ariaLabel || "share, circles, connect, connected"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M7.5 10C7.5 11.6569 6.15685 13 4.5 13C2.84315 13 1.5 11.6569 1.5 10C1.5 8.34315 2.84315 7 4.5 7C6.15685 7 7.5 8.34315 7.5 10Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M18.5 4.5C18.5 6.15685 17.1569 7.5 15.5 7.5C13.8431 7.5 12.5 6.15685 12.5 4.5C12.5 2.84315 13.8431 1.5 15.5 1.5C17.1569 1.5 18.5 2.84315 18.5 4.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M18.5 15.5C18.5 17.1569 17.1569 18.5 15.5 18.5C13.8431 18.5 12.5 17.1569 12.5 15.5C12.5 13.8431 13.8431 12.5 15.5 12.5C17.1569 12.5 18.5 13.8431 18.5 15.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M12.7697 5.86523L7.24683 8.62669" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M7.27966 11.3899L12.6719 14.086" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
));
export default Share1Icon;