sebikostudio-icons/src/OpacityIcon.js

A collection of icon components

    import React, { forwardRef } from 'react';
  
    export const OpacityIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
      <svg ref={ref} className={className} aria-label={ariaLabel || "opacity, drop, tear drop, water"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M15.5 12.8333C15.5 15.9629 13.0376 18.5 10 18.5C6.96243 18.5 4.5 15.9629 4.5 12.8333C4.5 9.70372 10 1.5 10 1.5C10 1.5 15.5 9.70372 15.5 12.8333Z" stroke="currentColor" strokeLinejoin="round"/>
</svg>

    ));
  
    export default OpacityIcon;