lost-sia/src/utils/siaIcons.jsx

Single Image Annotation Tool

import React from "react";

export function textIcon() {
  return (
    <svg
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      // x="0px" y="0px"
      // width="1190.549px" height="841.891px"
      viewBox="0 0 1190.549 841.891"
      width="17px"
      // onClick={e => this.handleClick(e)}
    >
      <path
        id="T"
        fillRule="evenodd"
        clipRule="evenodd"
        fill="currentColor"
        d="M925.876,172.939c-0.172-13.004,0.161-26.013,0.116-39.019
                c-0.021-4.017-5.046-9.053-9.037-9.087c-7.948-0.068-15.897-0.051-23.848-0.051c-73.526,0.006-147.051,0.02-220.578,0.032
                c-8.095,0.001-11.969,3.776-11.969,11.742c-0.009,154.998-0.009,309.997-0.009,464.998c0,44.257-0.002,88.519,0.009,132.778
                c0,7.553,4.173,11.736,11.651,11.747c21.677,0.018,30.288-0.227,65.032,0.018c34.743,0.239,46.295,27.955,46.295,46.43
                c-0.005,18.477-13.856,42.722-46.792,43.747c-42.993,0.197-85.989-0.057-128.979-0.05c-47.697,0.014-95.387,0.009-143.078,0.074
                c-13.712-0.278-44.888-9.133-44.888-44.159c0-35.025,20.399-44.646,42.975-46.192c16.293,0.115,45.164,0.179,67.743,0.16
                c5.553-0.006,10.175-5.03,10.178-11.005c0.008-45.524-0.016-91.049-0.018-136.569c0-99.001,0-197.997,0.008-296.994
                c0.001-55.278,0.018-110.559,0.007-165.837c0-6.513-4.521-10.917-11.118-10.917c-81.116-0.005-162.229-0.005-243.34-0.001
                c-6.977,0-11.061,3.995-11.069,10.825c-0.016,12.286-0.033,24.569,0.019,36.855c-0.076,20.742-10.042,43.007-40.763,43.007
                c-30.724,0-46.917-15.208-48.805-43.296c-0.419-14.084,0.01-28.181,0.01-42.272c0-27.46,0-54.917,0-82.379
                c0-1.048,0.747-16.871,13.391-30.357c12.642-13.485,26.225-12.505,27.633-12.505c84.544,0.015,169.091,0.009,253.635,0.009
                c153.191,0.001,459.578,0.004,459.578,0.004s20.149-0.287,35.766-0.17c0.983-0.023,18.696,1.188,30.027,13.07
                c11.333,11.885,9.972,27.513,9.972,28.256c-0.024,42.091,0.255,84.183-0.007,126.274c-0.247,26.341-22.705,41.944-44.85,42.037
                C948.049,214.236,926.687,199.643,925.876,172.939z"
      />
    </svg>
  );
}

export function lineIcon() {
  return (
    <svg
      version="1.1"
      id="Linie"
      xmlns="http://www.w3.org/2000/svg"
      // xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
      // width="1190.549px" height="841.891px"
      viewBox="0 0 1190.549 841.891"
      width="17px"
      // enable-background="new 0 0 1190.549 841.891"
      // xml:space="preserve"
    >
      <path
        fill="currentColor"
        d="M986.331,109.582c7.141-10.669,28.926-51.179-2.968-85.299S891.011,8.972,891.011,8.972L539.125,133.474
                L63.239,302.022c-21.503,7.998-53.586,30.072-60.956,61.716s-2.116,58.538,22.414,96.79S211.33,752.213,228.564,777.28
                c26.453,36.868,62.16,58.042,105.507,57.154s365.665-7.485,365.665-7.485l331.7-8.325l89.453-2.293c0,0,70.998-7.179,69.861-60.287
                c-1.135-53.108-74.618-62.721-74.618-62.721s-733.215,15.553-749.148,15.576c-22.688,0.201-45.355-15.278-54.146-28.928
                s-175.79-272.956-175.79-272.956l600.587-212.338c0,0-73.179,67.087-99.315,100.041s-30.56,74.565-5.053,95.237
                c31.188,24.081,91.974-3.708,123.127-39.312C782.35,323.912,979.191,120.251,986.331,109.582z"
      />
    </svg>
  );
}

export function bBoxIcon() {
  return (
    <svg
      version="1.1"
      id="Linie"
      xmlns="http://www.w3.org/2000/svg"
      // xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
      // width="1190.549px" height="841.891px"
      viewBox="0 0 1190.549 841.891"
      width="17px"
      // enable-background="new 0 0 1190.549 841.891"
      // xml:space="preserve"
    >
      <path
        fill="none"
        stroke="currentColor"
        strokeWidth="120"
        strokeMiterlimit="10"
        d="M929.775,710.655
                c0,23.386-19.134,42.52-42.52,42.52H278.991c-23.386,0-42.52-19.134-42.52-42.52V102.392c0-23.386,19.134-42.52,42.52-42.52
                h608.264c23.386,0,42.52,19.134,42.52,42.52V710.655z"
      />
    </svg>
  );
}

export function polygonIcon() {
  return (
    <svg
      version="1.1"
      id="Linie"
      xmlns="http://www.w3.org/2000/svg"
      // xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
      // width="1190.549px" height="841.891px"
      viewBox="0 0 1190.549 841.891"
      width="17px"
      // enable-background="new 0 0 1190.549 841.891"
      // xml:space="preserve"
    >
      <path
        fill="none"
        stroke="currentColor"
        strokeWidth="120"
        strokeMiterlimit="10"
        d="M342.327,769.938
                c-23.379,0.548-52.922-15.056-65.65-34.674L65.479,409.738c-12.729-19.619-5.085-41.998,16.984-49.732L917.331,67.421
                c22.07-7.734,26.86-0.275,10.645,16.576L691.761,329.475c-16.216,16.852-14.503,42.542,3.807,57.092l425.212,337.901
                c18.31,14.549,14.16,26.901-9.219,27.449L342.327,769.938z"
      />
    </svg>
  );
}

export function pointIcon() {
  return (
    <svg
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      // x="0px" y="0px"
      // width="1190.549px" height="841.891px"
      viewBox="0 0 1190.549 841.891"
      width="17px"
    >
      <path
        fill="currentColor"
        d="M748.197,408.286c0,151.355-122.699,274.058-274.059,274.058c-151.357,0-274.057-122.703-274.057-274.058
                c0-151.356,122.7-274.057,274.057-274.057C625.497,134.229,748.197,256.929,748.197,408.286z"
      />
    </svg>
  );
}