sebikostudio-icons
Version:
A collection of icon components
14 lines (9 loc) • 1 kB
JavaScript
import React, { forwardRef } from 'react';
export const AvatarIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
<svg ref={ref} className={className} aria-label={ariaLabel || "avatar, user, person, circle"} 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 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M12.5 8C12.5 9.38071 11.3807 10.5 10 10.5C8.61929 10.5 7.5 9.38071 7.5 8C7.5 6.61929 8.61929 5.5 10 5.5C11.3807 5.5 12.5 6.61929 12.5 8Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M5 15.5C5.21427 14.2142 6 12.5 8 12.5H12C14 12.5 14.7857 14.2142 15 15.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
));
export default AvatarIcon;