text: import React from 'react'
  
  export function Exclamation ({ size, color }) {
    return (
      <svg className="icon" width={size} viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
        <path fill={color} d="M512 703c-22.1 0-40-17.9-40-40V168c0-22.1 17.9-40 40-40s40 17.9 40 40v495c0 22.1-17.9 40-40 40zm-45 110a45 45 0 1 0 90 0 45 45 0 1 0-90 0z" />
      </svg>
    )
  }
  
  export function ExclamationCircle ({ size, color }) {
    return (
      <svg className="icon" width={size} viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
        <path fill={color} d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0zm-40 231c0-22.1 17.9-40 40-40s40 17.9 40 40v369c0 22.1-17.9 40-40 40s-40-17.9-40-40V231zm40 563c-24.9 0-45-20.1-45-45s20.1-45 45-45 45 20.1 45 45c0 24.8-20.1 45-45 45z" />
      </svg>
    )
  }
  
  export function ExclamationCircleO ({ size, color }) {
    return (
      <svg className="icon" width={size} viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
        <path fill={color} d="M512 72c59.4 0 117 11.6 171.2 34.5 52.4 22.2 99.4 53.9 139.9 94.3 40.4 40.4 72.2 87.5 94.3 139.9C940.4 395 952 452.6 952 512s-11.6 117-34.5 171.2c-22.2 52.4-53.9 99.4-94.3 139.9-40.4 40.4-87.5 72.2-139.9 94.3C629 940.4 571.4 952 512 952s-117-11.6-171.2-34.5c-52.4-22.2-99.4-53.9-139.9-94.3-40.4-40.4-72.2-87.5-94.3-139.9C83.6 629 72 571.4 72 512s11.6-117 34.5-171.2c22.2-52.4 53.9-99.4 94.3-139.9 40.4-40.4 87.5-72.2 139.9-94.3C395 83.6 452.6 72 512 72m0-72C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0zm0 640c-22.1 0-40-17.9-40-40V231c0-22.1 17.9-40 40-40s40 17.9 40 40v369c0 22.1-17.9 40-40 40zm-45 109a45 45 0 1 0 90 0 45 45 0 1 0-90 0z" />
      </svg>
    )
  }
  