sebikostudio-icons/src/BlendingModeIcon.js

A collection of icon components

    import React, { forwardRef } from 'react';
  
    export const BlendingModeIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
      <svg ref={ref} className={className} aria-label={ariaLabel || "blending mode, drop, tear drop, water, blend"} 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"/>
<path d="M10 18.5001C6.96243 18.5001 4.5 15.963 4.5 12.8334C4.5 12.8334 7.5 14.5 10 12.0001C12.5 9.50018 15.2785 11.5 15.2785 11.5C15.2785 11.5 15.5 12.4552 15.5 12.8334C15.5 15.963 13.0376 18.5001 10 18.5001Z" fill="currentColor" stroke="currentColor" strokeLinejoin="round"/>
</svg>

    ));
  
    export default BlendingModeIcon;