quotes

My favourite quotes. (gatsbyjs)
git clone http://git.hanabi.in/repos/quotes.git
Log | Files | Refs | README | LICENSE

SVGIcon.js (2516B)


      1 import React from 'react';
      2 
      3 export function CategorySVG() {
      4   return (
      5     <svg
      6       className="icon"
      7       viewBox="0 0 24 24"
      8       strokeLinecap="round"
      9       strokeLinejoin="round"
     10       strokeWidth="2"
     11       aria-hidden="true"
     12     >
     13       <path d="M22,19a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5A2,2,0,0,1,4,3H9l2,3h9a2,2,0,0,1,2,2Z"></path>
     14     </svg>
     15   );
     16 }
     17 
     18 export function EmailSVG() {
     19   return (
     20     <svg
     21       className="icon"
     22       viewBox="0 0 24 24"
     23       strokeLinecap="round"
     24       strokeLinejoin="round"
     25       strokeWidth="2"
     26       aria-hidden="true"
     27     >
     28       <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
     29       <polyline points="22,6 12,13 2,6"></polyline>
     30     </svg>
     31   );
     32 }
     33 
     34 export function GitHubSVG() {
     35   return (
     36     <svg
     37       className="icon"
     38       viewBox="0 0 24 24"
     39       strokeLinecap="round"
     40       strokeLinejoin="round"
     41       strokeWidth="2"
     42       aria-hidden="true"
     43     >
     44       <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
     45     </svg>
     46   );
     47 }
     48 
     49 export function InstagramSVG() {
     50   return (
     51     <svg
     52       className="icon"
     53       viewBox="0 0 24 24"
     54       strokeLinecap="round"
     55       strokeLinejoin="round"
     56       strokeWidth="2"
     57       aria-hidden="true"
     58     >
     59       <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
     60       <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
     61       <line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line>
     62     </svg>
     63   );
     64 }
     65 
     66 export function TagSVG() {
     67   return (
     68     <svg
     69       className="icon"
     70       viewBox="0 0 24 24"
     71       strokeLinecap="round"
     72       strokeLinejoin="round"
     73       strokeWidth="2"
     74       aria-hidden="true"
     75     >
     76       <path d="M20.59,13.41l-7.17,7.17a2,2,0,0,1-2.83,0L2,12V2H12l8.59,8.59A2,2,0,0,1,20.59,13.41Z"></path>
     77       <line x1="7" y1="7" x2="7" y2="7"></line>
     78     </svg>
     79   );
     80 }
     81 
     82 export function TwitterSVG() {
     83   return (
     84     <svg
     85       className="icon"
     86       viewBox="0 0 24 24"
     87       strokeLinecap="round"
     88       strokeLinejoin="round"
     89       strokeWidth="2"
     90       aria-hidden="true"
     91     >
     92       <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
     93     </svg>
     94   );
     95 }