github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/components/SidebarCustomIcons.tsx (about)

     1  import React from 'react';
     2  
     3  export const AdhocIcon = () => {
     4    return (
     5      <svg
     6        id="raw_lines"
     7        xmlns="http://www.w3.org/2000/svg"
     8        viewBox="0 0 64 64"
     9        style={{ width: 20, height: 20 }}
    10      >
    11        <path d="M55.56,5H8.44c-3.56,0-6.44,2.88-6.44,6.44V51.56c0,3.56,2.88,6.44,6.44,6.44H55.56c3.56,0,6.44-2.88,6.44-6.44V11.44c0-3.56-2.88-6.44-6.44-6.44ZM14.39,46.46c-.77,0-1.54-.29-2.12-.88-1.17-1.17-1.17-3.07,0-4.24l10.74-10.74-10.74-10.74c-1.17-1.17-1.17-3.07,0-4.24,1.17-1.17,3.07-1.17,4.24,0l12.73,12.73c.62,.62,.9,1.44,.87,2.26,.04,.81-.25,1.64-.87,2.26l-12.73,12.73c-.59,.59-1.35,.88-2.12,.88Zm34.86,1.14H31.25c-1.66,0-3-1.34-3-3s1.34-3,3-3h18c1.66,0,3,1.34,3,3s-1.34,3-3,3Z" />
    12      </svg>
    13    );
    14  };
    15  
    16  export const ExemplarsIcon = () => {
    17    return (
    18      <svg
    19        id="Layer_1"
    20        xmlns="http://www.w3.org/2000/svg"
    21        viewBox="0 0 64 64"
    22        style={{ width: 20, height: 20 }}
    23      >
    24        <path d="M2,2v14.93h14.93V2H2ZM14.13,14.13H4.8V4.8H14.13V14.13Z" />
    25        <rect x="48.07" y="2" width="14.93" height="14.93" />
    26        <path d="M2,25v14.93h14.93v-14.93H2Zm12.13,12.13H4.8v-9.33H14.13v9.33Z" />
    27        <g>
    28          <rect x="25.03" y="2" width="14.93" height="14.93" />
    29          <rect x="25.03" y="25" width="14.93" height="14.93" />
    30        </g>
    31        <path d="M48.07,25v14.93h14.93v-14.93h-14.93Zm12.13,12.13h-9.33v-9.33h9.33v9.33Z" />
    32        <rect x="2" y="48" width="14.93" height="14.93" />
    33        <path d="M25.03,48v14.93h14.93v-14.93h-14.93Zm12.13,12.13h-9.33v-9.33h9.33v9.33Z" />
    34        <rect x="48.07" y="48" width="14.93" height="14.93" />
    35      </svg>
    36    );
    37  };
    38  
    39  export const MergeExemplarsIcon = () => {
    40    return (
    41      <svg
    42        id="merge_icon"
    43        xmlns="http://www.w3.org/2000/svg"
    44        viewBox="0 0 64 64"
    45        style={{ width: 20, height: 20 }}
    46      >
    47        <path d="M59.34,29.97h0s-.05-.07-.05-.07h0s-.05-.07-.05-.07l-.05-.06h0s0,0,0,0l-.05-.06-.04-.04-.02-.02h0s-.05-.06-.05-.06h0s-12.85-12.88-12.85-12.88c-1.29-1.3-3.36-1.27-4.62,.07-1.26,1.34-1.23,3.47,.06,4.77l7.06,7.08h-15.78l-12.04-15.26c-1.41-1.83-2.96-3.07-4.6-3.88-1.52-.75-3.12-1.13-4.78-1.26-.11-.02-.21-.03-.32-.03H4v6.55c2.39,0,4.8,.04,7.19,0,1.17,.1,2.29,.36,3.35,.88,1.05,.52,2.03,1.31,2.92,2.46l10.98,13.92-10.98,13.92c-.89,1.15-1.87,1.94-2.92,2.46-1.06,.52-2.18,.79-3.35,.88-2.39-.04-4.8,0-7.19,0v6.56h7.14c.11,0,.22-.01,.32-.03,1.66-.13,3.26-.51,4.78-1.26,1.64-.81,3.18-2.05,4.6-3.88l12.04-15.26h15.78l-7.06,7.08c-1.29,1.3-1.32,3.44-.06,4.77,1.26,1.33,3.33,1.36,4.62,.07l12.85-12.88h0s.05-.06,.05-.06h0s.02-.03,.02-.03l.04-.04,.05-.06h0s0,0,0,0l.05-.06,.05-.06h0s.05-.07,.05-.07h0c.87-1.24,.87-2.83,0-4.06Z" />
    48      </svg>
    49    );
    50  };