Icons.js

import React from 'react';

export const Forks = () => (
  <svg width={24} height={24} fill="none">
    <path
      d="M19 5.333A2.31 2.31 0 0 0 16.667 3a2.31 2.31 0 0 0-2.334 2.333c0 .84.467 1.634 1.167 2.007V9.3L12 13.173 8.5 9.3V7.34c.7-.373 1.167-1.12 1.167-2.007A2.31 2.31 0 0 0 7.333 3 2.31 2.31 0 0 0 5 5.333c0 .84.467 1.634 1.167 2.007v2.847l4.666 5.133v2.007c-.7.42-1.166 1.166-1.166 2.006A2.31 2.31 0 0 0 12 21.667a2.31 2.31 0 0 0 2.333-2.334c0-.84-.466-1.586-1.166-2.006V15.32l4.666-5.133V7.34C18.533 6.967 19 6.22 19 5.333zM7.333 4.167c.607 0 1.12.513 1.12 1.166 0 .654-.513 1.12-1.12 1.12-.606 0-1.12-.513-1.12-1.12 0-.606.514-1.166 1.12-1.166zM12 20.407c-.607 0-1.12-.467-1.12-1.12 0-.654.513-1.12 1.12-1.12.607 0 1.12.513 1.12 1.12 0 .606-.513 1.12-1.12 1.12zm4.667-16.24c.606 0 1.12.513 1.12 1.166 0 .654-.514 1.12-1.12 1.12-.607 0-1.12-.513-1.12-1.12 0-.606.513-1.166 1.12-1.166z"
      fill="#F2F2F2"
    />
  </svg>
);

export const Likes = () => (
  <svg width={24} height={24} fill="none">
    <path
      d="M12.5 20c8.838-7.156 8.498-9.716 8.498-11.636S19.412 4 16.75 4C14.086 4 12.5 6.91 12.5 6.91S10.914 4 8.25 4C5.589 4 4.003 6.385 4.003 8.364c0 1.978-.34 4.48 8.498 11.636z"
      fill="#F2F2F2"
    />
  </svg>
);

export const Views = () => (
  <svg width={24} height={24} fill="none">
    <path
      d="M20.55 12.475c-1.1-1.754-2.517-3.069-4.25-3.946.467.776.7 1.619.7 2.53 0 1.382-.483 2.562-1.45 3.54-.967.978-2.15 1.484-3.55 1.518-1.4.034-2.583-.472-3.55-1.518C7.483 13.554 7 12.373 7 11.06c0-.911.233-1.771.7-2.58-1.7.91-3.117 2.242-4.25 3.996.967 1.55 2.2 2.782 3.7 3.692A9.182 9.182 0 0 0 12 17.533c1.733 0 3.35-.455 4.85-1.366 1.5-.91 2.733-2.141 3.7-3.692zm-8-4.3a.55.55 0 0 0-.15-.405.537.537 0 0 0-.4-.151c-.933 0-1.733.337-2.4 1.011a3.33 3.33 0 0 0-1 2.428c0 .135.05.253.15.354.1.102.233.152.4.152s.283-.05.35-.152a3.32 3.32 0 0 0 .2-.354c0-.674.217-1.23.65-1.669.433-.438.983-.674 1.65-.708a.66.66 0 0 0 .4-.152c.133-.101.183-.219.15-.354zm9.45 4.3c0 .27-.067.54-.2.809a12.426 12.426 0 0 1-4.2 4.148A10.654 10.654 0 0 1 12 19c-2 0-3.867-.523-5.6-1.568a12.425 12.425 0 0 1-4.2-4.148c-.133-.27-.2-.54-.2-.81s.067-.522.2-.758a12.425 12.425 0 0 1 4.2-4.148A10.654 10.654 0 0 1 12 6c2 0 3.85.523 5.55 1.568 1.7 1.045 3.117 2.428 4.25 4.148.133.27.2.523.2.759z"
      fill="#F2F2F2"
    />
  </svg>
);