SVG icons as < REACT /> components

Copy svg icons from popular icon sets as React Components

236-cool
Copy To Clipboard
// icon:236-cool | Icomoon https://icomoon.io/ | Keyamoon
import * as React from "react";

function Icon236Cool(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      viewBox="0 0 16 16"
      fill="currentColor"
      height="1em"
      width="1em"
      {...props}
    >
      <path
        fill="currentColor"
        d="M8 16A8 8 0 108 0a8 8 0 000 16zM8 1.5a6.5 6.5 0 110 13 6.5 6.5 0 010-13zM12.5 4c.275 0 .5.225.5.5V6c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1H7c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V4.5c0-.275.225-.5.5-.5h3c.275 0 .5.225.5.5V5h2v-.5c0-.275.225-.5.5-.5h3zM8 12a3.996 3.996 0 003.43-1.942l.857.515a4.996 4.996 0 01-6.406 1.957l.518-.864c.49.214 1.031.334 1.6.334z"
      />
    </svg>
  );
}

export default Icon236Cool;

  
CC BY 4.0
Keyamoon