lemmy/ui/src/components/symbols.tsx

import { Component } from 'inferno';

export class Symbols extends Component<any, any> {

  constructor(props: any, context: any) {
    super(props, context);
  }

  render() {
    return (
      <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
          <symbol id="icon-arrow-down" viewBox="0 0 26 28">
            <title>arrow-down</title>
            <path d="M25.172 13c0 0.531-0.219 1.047-0.578 1.406l-10.172 10.187c-0.375 0.359-0.891 0.578-1.422 0.578s-1.047-0.219-1.406-0.578l-10.172-10.187c-0.375-0.359-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l1.156-1.172c0.375-0.359 0.891-0.578 1.422-0.578s1.047 0.219 1.406 0.578l4.594 4.594v-11c0-1.094 0.906-2 2-2h2c1.094 0 2 0.906 2 2v11l4.594-4.594c0.359-0.359 0.875-0.578 1.406-0.578s1.047 0.219 1.422 0.578l1.172 1.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
          </symbol>
          <symbol id="icon-arrow-up" viewBox="0 0 26 28">
            <title>arrow-up</title>
            <path d="M25.172 15.172c0 0.531-0.219 1.031-0.578 1.406l-1.172 1.172c-0.375 0.375-0.891 0.594-1.422 0.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0 1.125-0.938 1.828-2 1.828h-2c-1.062 0-2-0.703-2-1.828v-11l-4.594 4.578c-0.359 0.375-0.875 0.594-1.406 0.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l10.172-10.172c0.359-0.375 0.875-0.578 1.406-0.578s1.047 0.203 1.422 0.578l10.172 10.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
          </symbol>         
          <symbol id="icon-mail" viewBox="0 0 32 32">
            <title>mail</title>
            <path d="M28 5h-24c-2.209 0-4 1.792-4 4v13c0 2.209 1.791 4 4 4h24c2.209 0 4-1.791 4-4v-13c0-2.208-1.791-4-4-4zM2 10.25l6.999 5.25-6.999 5.25v-10.5zM30 22c0 1.104-0.898 2-2 2h-24c-1.103 0-2-0.896-2-2l7.832-5.875 4.368 3.277c0.533 0.398 1.166 0.6 1.8 0.6 0.633 0 1.266-0.201 1.799-0.6l4.369-3.277 7.832 5.875zM30 20.75l-7-5.25 7-5.25v10.5zM17.199 18.602c-0.349 0.262-0.763 0.4-1.199 0.4s-0.851-0.139-1.2-0.4l-12.8-9.602c0-1.103 0.897-2 2-2h24c1.102 0 2 0.897 2 2l-12.801 9.602z"></path>
          </symbol>         
          <symbol id="icon-mouse" version="1.1" x="0px" y="0px"
            viewBox="0 0 1024 1024">
  <g
     id="layer1"
     transform="translate(0,-26.066658)"
     style="display:inline">
    <path
       id="path1087"
       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 370.4568,382.2936 c -4.21152,-38.82002 -43.69954,-95.40305 -87.66365,-120.72973 -69.2936,-39.91841 -145.92188,-36.88647 -183.854976,18.55635 -37.933096,55.44282 -8.512486,126.57811 56.588786,170.52361 37.59831,25.38008 93.63292,40.61292 133.39463,38.32179 M 653.54319,382.2936 c 4.21152,-38.82002 43.69954,-95.40305 87.66365,-120.72973 69.2936,-39.91841 145.92188,-36.88647 183.85498,18.55635 37.9331,55.44282 8.51249,126.57811 -56.58879,170.52361 -37.59831,25.38008 -93.63292,40.61292 -133.39463,38.32179"
       inkscape:label="ears" />
    <path
       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 745.66245,576.11738 C 746.9301,442.43439 660.61747,352.34249 512,352.34249 c -148.61747,0 -235.85386,91.1103 -233.66245,223.77489 1.80521,109.28421 91.98103,208.54257 232.67118,208.54257 140.69015,0 233.6193,-99.45528 234.65372,-208.54257 z"
       id="path969"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="szszs"
       inkscape:label="head" />
    <path
       id="path1084"
       style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 599.83093,636.10901 c 0,20.56567 16.67996,37.23744 37.25573,37.23744 20.57577,0 37.25573,-16.67177 37.25573,-37.23744 0,-20.56568 -16.67995,-37.23745 -37.25573,-37.23745 -20.57577,0 -37.25573,16.67177 -37.25573,37.23745 z m -250.17332,0 c 0,20.75515 16.83364,37.58053 37.59899,37.58053 20.76534,0 37.59898,-16.82538 37.59898,-37.58053 0,-20.75516 -16.83363,-37.58054 -37.59898,-37.58054 -20.76535,0 -37.59899,16.82538 -37.59899,37.58054 z"
       inkscape:connector-curvature="0"
       inkscape:label="eyes"
       sodipodi:nodetypes="ssssssssss" />
    <path
       id="path1008"
       style="display:inline;fill:none;stroke:#000000;stroke-width:32;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 358.38738,747.29948 -48.63668,64.26759 m 355.86191,-64.26759 48.63669,64.26759 M 277.70645,631.8233 194.14389,647.53759 m 552.14966,-15.71429 83.56256,15.71429"
       inkscape:connector-curvature="0"
       inkscape:label="whiskers"
       sodipodi:nodetypes="cccccccc" />
    <path
       style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 512,687.69141 c -37.69005,0 -61.74003,26.09705 -60.92773,58.26757 0.87969,34.83946 26.68193,58.26954 60.92773,58.26954 34.2458,0 60.85342,-27.04049 60.92773,-58.26954 C 573.00431,713.7783 549.69005,687.69141 512,687.69141 Z"
       transform="translate(0,26.066658)"
       id="path1115"
       inkscape:connector-curvature="0"
       inkscape:label="nose"
       sodipodi:nodetypes="zszsz" />
  </g>
            </symbol>
            <symbol id="icon-search" viewBox="0 0 32 32">
              <title>search</title>
              <path d="M31.008 27.231l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998 1.789-2.096 2.87-4.815 2.87-7.787 0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-0.031 0.677 0.293 1.515 0.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007 0.23s0.997-2.903-0.23-4.007zM12 20c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z"></path>
            </symbol>
            <symbol id="icon-github" viewBox="0 0 32 32">
              <title>github</title>
              <path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
            </symbol>
            <symbol id="icon-spinner" viewBox="0 0 32 32">
              <title>spinner</title>
              <path d="M16 32c-4.274 0-8.292-1.664-11.314-4.686s-4.686-7.040-4.686-11.314c0-3.026 0.849-5.973 2.456-8.522 1.563-2.478 3.771-4.48 6.386-5.791l1.344 2.682c-2.126 1.065-3.922 2.693-5.192 4.708-1.305 2.069-1.994 4.462-1.994 6.922 0 7.168 5.832 13 13 13s13-5.832 13-13c0-2.459-0.69-4.853-1.994-6.922-1.271-2.015-3.066-3.643-5.192-4.708l1.344-2.682c2.615 1.31 4.824 3.313 6.386 5.791 1.607 2.549 2.456 5.495 2.456 8.522 0 4.274-1.664 8.292-4.686 11.314s-7.040 4.686-11.314 4.686z"></path>
            </symbol>
          </defs>
        </svg>
    );
  }
}