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 }