github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/pages/exemplars/HeatmapIcons.tsx (about)

     1  import React from 'react';
     2  
     3  export function HeatmapSelectionIcon() {
     4    return (
     5      <svg
     6        id="selection_included_svg"
     7        xmlns="http://www.w3.org/2000/svg"
     8        viewBox="0 0 512 512"
     9      >
    10        <rect style={{ fill: '#492d13' }} y=".69" width="512" height="510.62" />
    11        <rect
    12          style={{ fill: '#bac437' }}
    13          x="1.41"
    14          y=".12"
    15          width="102.4"
    16          height="102.12"
    17        />
    18        <rect
    19          style={{ fill: '#76844b' }}
    20          x="307.46"
    21          y="102.26"
    22          width="102.4"
    23          height="102.12"
    24        />
    25        <rect
    26          style={{ fill: '#76844b' }}
    27          x="103.43"
    28          y="204.4"
    29          width="102.4"
    30          height="102.12"
    31        />
    32        <rect
    33          style={{ fill: '#9eb941' }}
    34          x="205.44"
    35          y="305.97"
    36          width="102.4"
    37          height="102.12"
    38        />
    39        <rect
    40          style={{ fill: '#fde823' }}
    41          x="307.46"
    42          y="-.41"
    43          width="102.4"
    44          height="102.12"
    45        />
    46        <rect
    47          style={{ fill: '#9eb941' }}
    48          x="1.41"
    49          y="408.12"
    50          width="102.4"
    51          height="102.12"
    52        />
    53        <rect
    54          style={{ fill: '#760d24' }}
    55          x="307.46"
    56          y="408.12"
    57          width="102.4"
    58          height="102.12"
    59        />
    60        <rect
    61          style={{ fill: '#fde823' }}
    62          x="409.47"
    63          y="408.12"
    64          width="102.4"
    65          height="102.12"
    66        />
    67        <path
    68          style={{ fill: '#fead19' }}
    69          d="M513.5,513.5H-1.5V-1.5H513.5V513.5ZM4.5,507.5H507.5V4.5H4.5V507.5Z"
    70        />
    71      </svg>
    72    );
    73  }
    74  
    75  export function HeatmapNoSelectionIcon() {
    76    return (
    77      <svg
    78        id="selection_excluded_svg"
    79        xmlns="http://www.w3.org/2000/svg"
    80        viewBox="0 0 512 512"
    81      >
    82        <rect style={{ fill: '#161616' }} y=".19" width="512" height="511.62" />
    83        <rect
    84          style={{ fill: '#c1d84f' }}
    85          x="1.28"
    86          y=".13"
    87          width="102.4"
    88          height="102.32"
    89        />
    90        <rect
    91          style={{ fill: '#468d89' }}
    92          x="307.33"
    93          y="102.47"
    94          width="102.4"
    95          height="102.32"
    96        />
    97        <rect
    98          style={{ fill: '#468d89' }}
    99          x="103.3"
   100          y="204.82"
   101          width="102.4"
   102          height="102.32"
   103        />
   104        <rect
   105          style={{ fill: '#7ac46e' }}
   106          x="205.31"
   107          y="306.58"
   108          width="102.4"
   109          height="102.32"
   110        />
   111        <rect
   112          style={{ fill: '#f9e555' }}
   113          x="307.33"
   114          y="-.4"
   115          width="102.4"
   116          height="102.32"
   117        />
   118        <rect
   119          style={{ fill: '#7ac46e' }}
   120          x="1.28"
   121          y="408.93"
   122          width="102.4"
   123          height="102.32"
   124        />
   125        <rect
   126          style={{ fill: '#422970' }}
   127          x="307.33"
   128          y="408.93"
   129          width="102.4"
   130          height="102.32"
   131        />
   132        <rect
   133          style={{ fill: '#f9e555' }}
   134          x="409.35"
   135          y="408.93"
   136          width="102.4"
   137          height="102.32"
   138        />
   139        <path
   140          style={{ fill: '#a5a2a0' }}
   141          d="M513.5,513.5H-1.5V-1.5H513.5V513.5ZM4.5,507.5H507.5V4.5H4.5V507.5Z"
   142        />
   143      </svg>
   144    );
   145  }