import React from 'react'

export function Question ({ size, color }) {
  return (
    <svg className="icon" width={size} viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
      <path fill={color} d="M644.3 263.4c-39.2-41.2-94.5-64.7-151.9-64.7-54.3.1-105.3 21.3-143.7 59.8-38.4 38.4-59.5 89.5-59.5 143.8 0 19.9 16.1 36 36 36s36-16.1 36-36c0-72.4 58.9-131.5 131.3-131.6h.3c37.5 0 73.7 15.4 99.2 42.3 22.6 23.8 34.1 54 32.4 85.3-1.4 26.6-2.7 51.7-79.7 128.7-46.3 46.3-88.2 92.4-93.8 148.8-1.9 19.8 12.5 37.4 32.3 39.4 1.2.1 2.4.2 3.6.2 18.3 0 34-13.9 35.8-32.5 2.9-29.5 30.1-62 73-104.9 89.4-89.4 98.3-130.8 100.7-175.7 2.9-51.4-15.6-100.7-52-138.9zM442.8 815.8a43.2 43.2 0 1 0 86.4 0 43.2 43.2 0 1 0-86.4 0z" />
    </svg>
  )
}

export function QuestionCircle ({ 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-6.5 812.6c-23.9 0-43.3-19.4-43.3-43.3s19.4-43.3 43.3-43.3 43.3 19.4 43.3 43.3-19.4 43.3-43.3 43.3zM691.3 391c-2.5 46.3-16.7 82.8-87.7 153.8-36 36-58.7 63-61 86.7-1.8 18.6-17.5 32.5-35.8 32.5-1.2 0-2.4-.1-3.6-.2-19.8-1.9-34.2-19.6-32.3-39.4 4.9-49.9 41.5-90.2 81.8-130.5 64.5-64.5 65.6-85 66.7-106.7 1.3-25.3-8-49.8-26.4-69.1-20.9-22-50.5-34.6-81.2-34.6h-.2c-59.1.1-107.3 48.3-107.3 107.5 0 19.9-16.1 36-36 36s-36-16.1-36-36c0-47.9 18.6-92.9 52.4-126.8 33.8-33.9 78.8-52.6 126.7-52.7 50.5-.1 99.3 20.7 133.8 57 32.2 33.7 48.5 77.2 46.1 122.5z" />
    </svg>
  )
}

export function QuestionCircleO ({ 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 0zm311.1 823.1c-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 72s117 11.6 171.2 34.5c52.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.5-94.4 139.9zM506.8 663.9c-1.2 0-2.4-.1-3.6-.2-19.8-1.9-34.2-19.6-32.3-39.4 4.9-49.9 41.5-90.2 81.8-130.5 64.5-64.5 65.6-85 66.7-106.7 1.3-25.3-8-49.8-26.4-69.1-20.9-22-50.5-34.6-81.2-34.6h-.2c-59.1.1-107.3 48.3-107.3 107.5 0 19.9-16.1 36-36 36s-36-16.1-36-36c0-47.9 18.6-92.9 52.4-126.8 33.8-33.9 78.8-52.6 126.7-52.7 50.5-.1 99.3 20.7 133.8 57 32.1 33.8 48.5 77.3 46.1 122.5-2.5 46.3-16.7 82.8-87.7 153.8-36 36-58.7 63-61 86.7-1.8 18.6-17.5 32.5-35.8 32.5zm-44.6 105.3a43.3 43.3 0 1 0 86.6 0 43.3 43.3 0 1 0-86.6 0z" />
    </svg>
  )
}
