├── GUI
    ├── sample.txt.txt
    ├── close.png
    ├── minus1.png
    ├── plus1.png
    ├── reset.png
    ├── start.png
    ├── stop.png
    ├── reset_blue.png
    ├── toggle_off.png
    ├── toggle_on.png
    ├── toggle_off.html
    ├── toggle_on.html
    ├── close.html
    ├── minus1.html
    ├── plus1.html
    ├── reset.html
    ├── start.html
    ├── stop.html
    └── reset_blue.html
├── Logos
    ├── index.txt
    ├── ct.png
    ├── dr.png
    ├── ecg.png
    ├── esp.png
    ├── gct.png
    ├── isp.png
    ├── lego.png
    ├── nmr.png
    ├── morse.png
    ├── machinery.png
    ├── electrical.png
    ├── mechanical.png
    ├── programming.png
    ├── travel_map.png
    ├── leaf_disease.png
    ├── ml_stethoscope.png
    ├── computer_vision.png
    ├── smart_transcribe.png
    ├── website_template.png
    ├── project_management.png
    ├── programming.svg
    ├── morse.html
    ├── isp.html
    ├── lego.html
    ├── electrical.svg
    ├── website_template.html
    ├── computer_vision.html
    ├── dr.html
    ├── ecg.html
    ├── leaf_disease.html
    ├── mechanical.svg
    ├── nmr.html
    ├── travel_map.html
    ├── programming.html
    ├── gct.html
    ├── project_management.svg
    ├── smart_transcribe.html
    ├── ct.html
    ├── project_management.html
    ├── ml_stethoscope.html
    ├── machinery.html
    ├── electrical.html
    ├── esp.html
    └── mechanical.html
├── Christmas
    ├── index.txt
    ├── star.png
    ├── ornament.png
    ├── snowflake.png
    ├── christmas_tree.png
    ├── gingerbread_man.png
    ├── winter_wonderland.png
    ├── ornament.html
    ├── christmas_tree.html
    ├── winter_wonderland.html
    ├── snowflake.html
    ├── gingerbread_man.html
    └── star.html
├── Avatars
    ├── casual.png
    ├── relaxed.png
    ├── professional.png
    ├── casual.html
    ├── professional.html
    └── relaxed.html
├── Basic Shapes
    ├── line.png
    ├── path.png
    ├── circle.png
    ├── ellipse.png
    ├── polygon.png
    ├── polyline.png
    ├── rectangle.png
    ├── rectangle.html
    ├── line.html
    ├── circle.html
    ├── path.html
    ├── ellipse.html
    ├── polygon.html
    └── polyline.html
└── README.md


/GUI/sample.txt.txt:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/Logos/index.txt:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/Christmas/index.txt:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/GUI/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/close.png


--------------------------------------------------------------------------------
/GUI/minus1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/minus1.png


--------------------------------------------------------------------------------
/GUI/plus1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/plus1.png


--------------------------------------------------------------------------------
/GUI/reset.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/reset.png


--------------------------------------------------------------------------------
/GUI/start.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/start.png


--------------------------------------------------------------------------------
/GUI/stop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/stop.png


--------------------------------------------------------------------------------
/Logos/ct.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/ct.png


--------------------------------------------------------------------------------
/Logos/dr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/dr.png


--------------------------------------------------------------------------------
/Logos/ecg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/ecg.png


--------------------------------------------------------------------------------
/Logos/esp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/esp.png


--------------------------------------------------------------------------------
/Logos/gct.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/gct.png


--------------------------------------------------------------------------------
/Logos/isp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/isp.png


--------------------------------------------------------------------------------
/Logos/lego.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/lego.png


--------------------------------------------------------------------------------
/Logos/nmr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/nmr.png


--------------------------------------------------------------------------------
/Logos/morse.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/morse.png


--------------------------------------------------------------------------------
/Avatars/casual.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Avatars/casual.png


--------------------------------------------------------------------------------
/Avatars/relaxed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Avatars/relaxed.png


--------------------------------------------------------------------------------
/Christmas/star.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Christmas/star.png


--------------------------------------------------------------------------------
/GUI/reset_blue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/reset_blue.png


--------------------------------------------------------------------------------
/GUI/toggle_off.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/toggle_off.png


--------------------------------------------------------------------------------
/GUI/toggle_on.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/GUI/toggle_on.png


--------------------------------------------------------------------------------
/Logos/machinery.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/machinery.png


--------------------------------------------------------------------------------
/Basic Shapes/line.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Basic Shapes/line.png


--------------------------------------------------------------------------------
/Basic Shapes/path.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Basic Shapes/path.png


--------------------------------------------------------------------------------
/Logos/electrical.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/electrical.png


--------------------------------------------------------------------------------
/Logos/mechanical.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/mechanical.png


--------------------------------------------------------------------------------
/Logos/programming.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/programming.png


--------------------------------------------------------------------------------
/Logos/travel_map.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/travel_map.png


--------------------------------------------------------------------------------
/Avatars/professional.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Avatars/professional.png


--------------------------------------------------------------------------------
/Basic Shapes/circle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Basic Shapes/circle.png


--------------------------------------------------------------------------------
/Basic Shapes/ellipse.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Basic Shapes/ellipse.png


--------------------------------------------------------------------------------
/Basic Shapes/polygon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Basic Shapes/polygon.png


--------------------------------------------------------------------------------
/Christmas/ornament.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Christmas/ornament.png


--------------------------------------------------------------------------------
/Christmas/snowflake.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Christmas/snowflake.png


--------------------------------------------------------------------------------
/Logos/leaf_disease.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/leaf_disease.png


--------------------------------------------------------------------------------
/Logos/ml_stethoscope.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/ml_stethoscope.png


--------------------------------------------------------------------------------
/Basic Shapes/polyline.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Basic Shapes/polyline.png


--------------------------------------------------------------------------------
/Basic Shapes/rectangle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Basic Shapes/rectangle.png


--------------------------------------------------------------------------------
/Logos/computer_vision.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/computer_vision.png


--------------------------------------------------------------------------------
/Logos/smart_transcribe.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/smart_transcribe.png


--------------------------------------------------------------------------------
/Logos/website_template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/website_template.png


--------------------------------------------------------------------------------
/Christmas/christmas_tree.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Christmas/christmas_tree.png


--------------------------------------------------------------------------------
/Christmas/gingerbread_man.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Christmas/gingerbread_man.png


--------------------------------------------------------------------------------
/Logos/project_management.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Logos/project_management.png


--------------------------------------------------------------------------------
/Christmas/winter_wonderland.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cgrundman/svg-logos/HEAD/Christmas/winter_wonderland.png


--------------------------------------------------------------------------------
/Basic Shapes/rectangle.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 |   <svg width="200" height="200" viewBox="0 0 200 200">
4 |     <rect x="20" y="20" width="100" height="25%" fill="#910018" />
5 |   </svg>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/Basic Shapes/line.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 |   <svg width="200" height="200" viewBox="0 0 200 200">
4 |     <line x1="10" x2="100" y1="10" y2="200" stroke="#6247ba" stroke-width="5"/>
5 |   </svg>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/Basic Shapes/circle.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 |   <svg width="200" height="200" viewBox="0 0 200 200">
4 |     <circle cx="100" cy="100" r="70" stroke="#6e4d00" stroke-width="4" fill="#ffb300" />
5 |   </svg>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/Basic Shapes/path.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 |   <svg width="200" height="200" viewBox="0 0 200 200">
4 |     <path d="M10,70 Q40,190 80,130 T150,150" fill="none" stroke="#00279c" stroke-width="5"/>
5 |   </svg>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/Basic Shapes/ellipse.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 |   <svg width="200" height="200" viewBox="0 0 200 200">
4 |     <ellipse cx="100" cy="100" rx="50" ry="20" stroke="#47ba8c" fill="transparent" stroke-width="5"/>
5 |   </svg>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/GUI/toggle_off.html:
--------------------------------------------------------------------------------
1 | <svg width="260" height="120" viewBox="0 0 260 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="260" height="120" rx="60" ry="60" fill="#bababa"/>
3 |   <circle r="50" cx="60" cy="60" fill="#fff"/>
4 | </svg>


--------------------------------------------------------------------------------
/GUI/toggle_on.html:
--------------------------------------------------------------------------------
1 | <svg width="260" height="120" viewBox="0 0 260 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="260" height="120" rx="60" ry="60" fill="#4caf50"/>
3 |   <circle r="50" cx="200" cy="60" fill="#fff"/>
4 | </svg>


--------------------------------------------------------------------------------
/Basic Shapes/polygon.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 |   <svg width="200" height="200" viewBox="0 0 200 200">
4 |     <polygon points="100 10 190 80 150 190 50 190 10 80"
5 |       stroke="#f748a0" fill="transparent" stroke-width="5"/>
6 |   </svg>
7 | </html>
8 | 


--------------------------------------------------------------------------------
/GUI/close.html:
--------------------------------------------------------------------------------
1 | <svg width="260" height="120" viewBox="0 0 260 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="260" height="120" rx="25" ry="25" fill="#000"/>
3 |   <text x="130" y="85" text-anchor="middle" font-size="70" font-family="Arial" fill="#fff">
4 |     CLOSE
5 |   </text>
6 | </svg>


--------------------------------------------------------------------------------
/GUI/minus1.html:
--------------------------------------------------------------------------------
1 | <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="260" height="120" rx="60" ry="60" fill="#6faed9"/>
3 |   <text x="70" y="85" text-anchor="middle" font-size="70" font-family="Arial" fill="#fff">
4 |     -1
5 |   </text>
6 | </svg>


--------------------------------------------------------------------------------
/GUI/plus1.html:
--------------------------------------------------------------------------------
1 | <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="-140" y="0" width="260" height="120" rx="60" ry="60" fill="#6faed9"/>
3 |   <text x="55" y="85" text-anchor="middle" font-size="70" font-family="Arial" fill="#fff">
4 |     +1
5 |   </text>
6 | </svg>


--------------------------------------------------------------------------------
/GUI/reset.html:
--------------------------------------------------------------------------------
1 | <svg width="260" height="120" viewBox="0 0 260 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="260" height="120" rx="25" ry="25" fill="#545454"/>
3 |   <text x="130" y="85" text-anchor="middle" font-size="70" font-family="Arial" fill="#fff">
4 |     RESET
5 |   </text>
6 | </svg>


--------------------------------------------------------------------------------
/GUI/start.html:
--------------------------------------------------------------------------------
1 | <svg width="260" height="120" viewBox="0 0 260 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="260" height="120" rx="25" ry="25" fill="#4caf50"/>
3 |   <text x="130" y="85" text-anchor="middle" font-size="70" font-family="Arial" fill="#fff">
4 |     START
5 |   </text>
6 | </svg>


--------------------------------------------------------------------------------
/GUI/stop.html:
--------------------------------------------------------------------------------
1 | <svg width="260" height="120" viewBox="0 0 260 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="260" height="120" rx="25" ry="25" fill="#e53935"/>
3 |   <text x="130" y="85" text-anchor="middle" font-size="70" font-family="Arial" fill="#fff">
4 |     STOP
5 |   </text>
6 | </svg>


--------------------------------------------------------------------------------
/GUI/reset_blue.html:
--------------------------------------------------------------------------------
1 | <svg width="240" height="120" viewBox="0 0 240 120" xmlns="http://www.w3.org/2000/svg">
2 |   <rect x="0" y="0" width="240" height="120" rx="0" ry="0" fill="#6faed9"/>
3 |   <text x="120" y="85" text-anchor="middle" font-size="70" font-family="Arial" fill="#fff">
4 |     RESET
5 |   </text>
6 | </svg>


--------------------------------------------------------------------------------
/Christmas/ornament.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 |   <svg width="200" height="200" viewBox="0 0 200 200">
4 |     <circle cx="100" cy="120" r="70" fill="#D1495B" />
5 |     <circle cx="100" cy="20" r="12" fill="none" stroke="#F79257" stroke-width="2" />
6 |     <rect x="82.5" y="32" width="35" height="20" fill="#F79257" />
7 |   </svg>
8 | </html>
9 | 


--------------------------------------------------------------------------------
/Christmas/christmas_tree.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="200" height="200" viewBox="0 0 200 200">
 4 |     <polygon points="100,100 20,180 180,180" fill="#234236" />
 5 |     <polygon points="100,40 30,140 170,140" fill="#0C5C4C" />
 6 |     <polygon points="100,0 50,80 150,80" fill="#38755B" />
 7 |     <rect x="80" y="180" width="40" height="20" fill="brown" />
 8 |   </svg>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/Logos/programming.svg:
--------------------------------------------------------------------------------
1 | <svg width="800" height="800" viewBox="0 0 400 400"><circle cx="200" cy="200" r="200" fill="#554b57"/><g fill="transparent" stroke-linecap="round" stroke-linejoin="round"><path stroke="#a749ba" stroke-width="12" d="M50 270V100h300v170zm55 30h195m-20-60h50"/><path stroke="#a749ba" stroke-width="12" d="m120 220-50-30 50-30m20 80 45-110m25 90 50-30-50-30"/><path stroke="#fff" stroke-width="5" d="M50 270V100h300v170zm55 30h195m-20-60h50"/><path stroke="#fff" stroke-width="5" d="m120 220-50-30 50-30m20 80 45-110m25 90 50-30-50-30"/></g></svg>


--------------------------------------------------------------------------------
/Christmas/winter_wonderland.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="300" height="300" viewBox="0 0 300 300">
 4 |   <defs>
 5 |       <g id="tree">
 6 |         <polygon points="0,60 20,60 10 0" fill="#38755b" />
 7 |         <line x1="10" y1="55" x2="10" y2="65" stroke="#778074" stroke-width="2" />
 8 |       </g>
 9 |     </defs>
10 | 
11 |     <rect x="0" y="0" width="300" height="300" fill="#F1DBC3" />
12 |     <circle cx="150" cy="540" r="350" fill="#F8F4E8" />
13 | 
14 |     <use href="#tree" x="20" y="80" transform="scale(2)" />
15 |     <use href="#tree" x="60" y="140" transform="scale(1.2)" />
16 |     <use href="#tree" x="200" y="180" />
17 |     <use href="#tree" x="150" y="130" transform="scale(1.5)" />
18 |   </svg>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/Christmas/snowflake.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="300" height="300" viewBox="0 0 300 300">
 4 |     <defs>
 5 |       <path
 6 |         id="branch"
 7 |         d="
 8 |           M 150 150 l 0 -90
 9 |           M 150 130 l 20 -14
10 |           M 150 130 l -20 -14
11 |           M 150 110 l -20 -14
12 |           M 150 110 l 20 -14
13 |           M 150 90 l 20 -14
14 |           M 150 90 l -20 -14"
15 |         stroke="#E5C39C"
16 |         stroke-width="5"
17 |       />
18 |     </defs>
19 | 
20 |     <use href="#branch" />
21 |     <use href="#branch" transform="rotate(60, 150, 150)" />
22 |     <use href="#branch" transform="rotate(120, 150, 150)" />
23 |     <use href="#branch" transform="rotate(180, 150, 150)" />
24 |     <use href="#branch" transform="rotate(240, 150, 150)" />
25 |     <use href="#branch" transform="rotate(300, 150, 150)" />
26 |   </svg>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Christmas/gingerbread_man.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg class="gingerbread" width="300" height="300" viewBox="0 0 300 300">
 4 |     <circle class="body" cx="150" cy="50" r="30" fill="#cd803d"/>
 5 |     <circle class="eye" cx="138" cy="45" r="3" fill="white"/>
 6 |     <circle class="eye" cx="162" cy="45" r="3" fill="white"/>
 7 |     <rect class="mouth" x="140" y="60" width="20" height="5" rx="2" fill="None" stroke="white" stroke-width="2"/>
 8 |     <line class="limb" x1="110" y1="90" x2="190" y2="90" stroke="#cd803d" stroke-width="35" stroke-linecap="round"/>
 9 |     <line class="limb" x1="125" y1="190" x2="150" y2="90" stroke="#cd803d" stroke-width="35" stroke-linecap="round"/>
10 |     <line class="limb" x1="175" y1="190" x2="150" y2="90" stroke="#cd803d" stroke-width="35" stroke-linecap="round"/>
11 |     <circle class="button" cx="150" cy="100" r="5"/>
12 |     <circle class="button" cx="150" cy="130" r="5"/>
13 |   </svg>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/Logos/morse.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 |   <defs>
 3 |     <g id="circle">
 4 |       <circle fill="none" stroke="#aaa" stroke-width="12" cx="0" cy="0" r="15"/>
 5 |       <circle fill="none" stroke="#fff" stroke-width="5" cx="0" cy="0" r="15"/>
 6 |     </g>
 7 |     <g id="oval">
 8 |       <rect width="170" height="30" x="-15" y="-15" rx="15" ry="15" fill="none" stroke="#aaa" stroke-width="12" />
 9 |       <rect width="170" height="30" x="-15" y="-15" rx="15" ry="15" fill="none" stroke="#fff" stroke-width="5" />
10 |     </g>
11 |   </defs>
12 |   <g>
13 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
14 |   </g>
15 |   <use href="#circle" x="60" y="200"/>
16 |   <use href="#circle" x="200" y="200"/>
17 |   <use href="#circle" x="340" y="200"/>
18 |   <use href="#circle" x="60" y="125"/>
19 |   <use href="#circle" x="130" y="125"/>
20 |   <use href="#circle" x="270" y="275"/>
21 |   <use href="#circle" x="340" y="275"/>
22 |   <use href="#oval" x="200" y="125"/>
23 |   <use href="#oval" x="60" y="275"/>
24 | </svg>
25 | 


--------------------------------------------------------------------------------
/Logos/isp.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 |   <defs>
 3 |     <g id="camera">
 4 |       <polyline points="50 300 50 100 100 100 125 85 275 85 300 100 350 100 350 300 50 300" stroke="#aaa" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
 5 |       <circle fill="none" stroke="#aaa" stroke-width="12" stroke-miterlimit="10" cx="200" cy="200" r="75"/>
 6 |       <circle cx="92" cy="142" r="20" fill="none" stroke="#aaa" stroke-width="12" stroke-miterlimit="10" />
 7 |       <polyline points="50 300 50 100 100 100 125 85 275 85 300 100 350 100 350 300 50 300" stroke="#fff" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
 8 |       <circle fill="none" stroke="#fff" stroke-width="5" stroke-miterlimit="10" cx="200" cy="200" r="75"/>
 9 |       <circle cx="92" cy="142" r="20" fill="none" stroke="#fff" stroke-width="5" stroke-miterlimit="10" />
10 |     </g>
11 |   </defs>
12 |   <g>
13 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
14 |   </g>
15 |   <use href="#camera" x="0" y="0"/>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Christmas/star.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="300" height="300" viewBox="0 0 300 300">      
 4 |     <g transform="translate(0 5)">
 5 |       <g>
 6 |         <polygon points="150,150 186,100 150, 50" fill="#EDD8B7" />
 7 |         <polygon points="150,150 114,100 150,50" fill="#E5C39C" />
 8 |       </g>
 9 |       <g transform="rotate(72, 150, 150)">
10 |         <polygon points="150,150 186,100 150, 50" fill="#EDD8B7" />
11 |         <polygon points="150,150 114,100 150,50" fill="#E5C39C" />
12 |       </g>
13 |       <g transform="rotate(-72, 150, 150)">
14 |         <polygon points="150,150 186,100 150, 50" fill="#EDD8B7" />
15 |         <polygon points="150,150 114,100 150,50" fill="#E5C39C" />
16 |       </g>
17 |       <g transform="rotate(144, 150, 150)">
18 |         <polygon points="150,150 186,100 150, 50" fill="#EDD8B7" />
19 |         <polygon points="150,150 114,100 150,50" fill="#E5C39C" />
20 |       </g>
21 |       <g transform="rotate(-144, 150, 150)">
22 |         <polygon points="150,150 186,100 150, 50" fill="#EDD8B7" />
23 |         <polygon points="150,150 114,100 150,50" fill="#E5C39C" />
24 |       </g>
25 |     </g>
26 |   </svg>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Logos/lego.html:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" x="800px" y="800px" viewBox="0 0 400 400">
 2 |   <defs>
 3 |     <g id="Stud">
 4 |       <path d="M -10 0 A 20 10 0 0 0 10 20 A 20 10 0 0 0 -10 0 M -22 30 A 20 10 0 0 0 22 30 l 0 -5 M -22 30 l 0 -5" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
 5 |       <path d="M -10 0 A 20 10 0 0 0 10 20 A 20 10 0 0 0 -10 0 M -22 30 A 20 10 0 0 0 22 30 l 0 -5 M -22 30 l 0 -5" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
 6 |     </g>
 7 |     <g id="Brick">
 8 |       <use href="#Stud" x="150" y="230"/>
 9 |   <use href="#Stud" x="100" y="200"/>
10 |   <use href="#Stud" x="200" y="200"/>
11 |   <use href="#Stud" x="150" y="170"/>
12 |   <use href="#Stud" x="250" y="170"/>
13 |   <use href="#Stud" x="200" y="140"/>
14 |   <use href="#Stud" x="300" y="140"/>
15 |   <use href="#Stud" x="250" y="110"/>
16 |   <path d="M 60 240 l 0 60 l 90 60 l 190 -120 l 0 -55 M 150 345 l 0 -45 M 70 245 l 69 46 M 160 292 l 170 -107" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round" />
17 |   <path d="M 60 240 l 0 60 l 90 60 l 190 -120 l 0 -55 M 150 345 l 0 -45 M 70 245 l 69 46 M 160 292 l 170 -107" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round" />
18 |       </g>
19 |   </defs>
20 |   <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
21 |   <use href="#Brick" x="0" y="-50"/>
22 | </svg>
23 | 


--------------------------------------------------------------------------------
/Logos/electrical.svg:
--------------------------------------------------------------------------------
1 | <svg width="800" height="800" viewBox="0 0 400 400"><defs><g id="a"><circle r="18" fill="#0e7eb5"/><circle r="14" fill="#fff"/><circle r="10" fill="#0e7eb5"/><circle r="6" fill="#384247"/><circle cx="45" r="18" fill="#0e7eb5"/><circle cx="45" r="14" fill="#fff"/><circle cx="45" r="10" fill="#0e7eb5"/><circle cx="45" r="6" fill="#384247"/><circle cx="-45" r="18" fill="#0e7eb5"/><circle cx="-45" r="14" fill="#fff"/><circle cx="-45" r="10" fill="#0e7eb5"/><circle cx="-45" r="6" fill="#384247"/></g></defs><circle cx="200" cy="200" r="200" fill="#384247"/><path stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" d="M245 105V60l95 95h-45m-140-50V80l21-24V20m-71 135H80l-24 21H20m85 69H80l-24-21H20m180 71v15l-24 30v40m69-85v15l-48 60v10m98-135h15l50 50"/><path stroke="#0e7eb5" stroke-width="12" stroke-linecap="round" d="M200 105V20m-95 180H20m135 95v85m140-180h85"/><use href="#a" x="200" y="120"/><use href="#a" x="200" y="120" transform="rotate(90 200 200)"/><use href="#a" x="200" y="280"/><use href="#a" x="200" y="120" transform="rotate(270 200 200)"/><path stroke="#fff" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" d="M245 107V60l95 95h-47m-138-48V80l21-24V20m-69 135H80l-24 21H20m87 69H80l-24-21H20m180 69v17l-24 30v40m69-87v17l-48 60v10m96-135h17l50 50"/><path stroke="#fff" stroke-width="5" stroke-linecap="round" d="M200 107V20m-95 180H20m135 93v87m138-180h87"/></svg>


--------------------------------------------------------------------------------
/Logos/website_template.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="800px" height="800px" viewBox="0 0 400 400">
 4 |     <g>
 5 |       <rect width="400" height="400" x="0" y="0" fill="#B2B2B2" />
 6 |       <circle cx="150" cy="150" r="50" fill="#384247"/>
 7 |       <circle cx="250" cy="150" r="50" fill="#594b3e"/>
 8 |       <circle cx="150" cy="250" r="50" fill="#59474a"/>
 9 |       <circle cx="250" cy="250" r="50" fill="#554b57"/>
10 |       <circle cx="150" cy="150" r="29" fill="none" stroke="#0e7eb5" stroke-width="5" />
11 |       <circle cx="250" cy="150" r="29" fill="none" stroke="#ed9e49" stroke-width="5" />
12 |       <circle cx="150" cy="250" r="29" fill="none" stroke="#cc314b" stroke-width="5" />
13 |       <circle cx="250" cy="250" r="29" fill="none" stroke="#a749ba" stroke-width="5" />
14 |       <circle cx="150" cy="150" r="29" fill="none" stroke="white" stroke-width="1" />
15 |       <circle cx="250" cy="150" r="29" fill="none" stroke="white" stroke-width="1" />
16 |       <circle cx="150" cy="250" r="29" fill="none" stroke="white" stroke-width="1" />
17 |       <circle cx="250" cy="250" r="29" fill="none" stroke="white" stroke-width="1" />
18 |       <rect width="150" height="25" x="125" y="310" rx="5" ry="5" fill="#00ABB3" />
19 |       <rect width="400" height="25" x="0" y="0" fill="#3C4048" />
20 |       <rect width="400" height="50" x="0" y="25" fill="#77797f" />
21 |       <rect width="400" height="25" x="0" y="375" fill="#3C4048" />
22 |     </g>
23 |   </svg> 
24 | </html>
25 | 


--------------------------------------------------------------------------------
/Logos/computer_vision.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400">
 2 |   <defs>
 3 |     <g id="eye">
 4 |       <path fill="none" stroke="#aaa" stroke-width="12" d="M4,128c0,0,44,60,124,60s124-60,124-60S208,68,128,68 S4,128,4,128z"/>
 5 |       <circle fill="none" stroke="#aaa" stroke-width="12" cx="128" cy="128" r="28"/>
 6 |       <path fill="none" stroke="#fff" stroke-width="5" d="M4,128c0,0,44,60,124,60s124-60,124-60S208,68,128,68 S4,128,4,128z"/>
 7 |       <circle fill="none" stroke="#fff" stroke-width="5" cx="128" cy="128" r="28"/>
 8 |     </g>
 9 |     <g id="computer" >
10 |         <polyline points="50 270 50 100 350 100 350 270 50 270" stroke="#aaa" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
11 |         <polyline points="105 300 300 300 " stroke="#aaa" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
12 |         <polyline points="50 270 50 100 350 100 350 270 50 270" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
13 |         <polyline points="105 300 300 300 " stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
14 |       </g>
15 |   </defs>
16 |   <g>
17 |     <g>
18 |       <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
19 |     </g>
20 |   </g>
21 |   <g>
22 |     <g>
23 |       <use href="#eye" x="72" y="58"/>
24 |       <use href="#computer" x="0" y="0"/>
25 |     </g>
26 |   </g>
27 | </svg>
28 | 


--------------------------------------------------------------------------------
/Logos/dr.html:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" x="800px" y="800px" viewBox="0 0 400 400">
 2 |   <defs>
 3 |     <g id="Rotor">
 4 |       <path d="M -20 0 A 40 20 0 0 0 20 40 A 40 20 0 0 0 -20 0" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
 5 |       <path d="M -20 0 A 40 20 0 0 0 20 40 A 40 20 0 0 0 -20 0" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
 6 |     </g>
 7 |     <g id="Frame">
 8 |       <path d="M -70 0 L -45 0 M 0 -40 L 0 -30 M 70 0 L 45 0 M 0 40 L 0 30 M -40 15 l 60 -40 m 0 0 l 15 10 m 0 0 l -60 40 m 0 0 l -15 -10" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round" />
 9 |       <path d="M -70 0 L -45 0 M 0 -40 L 0 -30 M 70 0 L 45 0 M 0 40 L 0 30 M -40 15 l 60 -40 m 0 0 l 15 10 m 0 0 l -60 40 m 0 0 l -15 -10" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round" />
10 |       <use href="#Rotor" x="-130" y="-20"/>
11 |       <use href="#Rotor" x="130" y="-20"/>
12 |       <use href="#Rotor" x="0" y="-100"/>
13 |       <use href="#Rotor" x="0" y="60"/>
14 |     </g>
15 |     <g id="Laser">
16 |         <path d="M 0 0 l -100 63 M 0 0 l -120 45 M 0 0 l -78 82" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round" />
17 |         <path d="M 0 0 l -100 63 M 0 0 l -120 45 M 0 0 l -78 82" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round" />
18 |     </g>
19 |   </defs>
20 |   <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
21 |   <use href="#Frame" x="200" y="180"/>
22 |   <use href="#Laser" x="155" y="210"/>
23 | </svg>
24 | 


--------------------------------------------------------------------------------
/Logos/ecg.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 |   <defs>
 3 |     <g id="ecg">
 4 |       <path d="M0 100 l 10 0 l 10 -10 l 10 0 l 10 10 l 10 0 l 20 -100 l 20 180 l 20 -80 l 10 0 l 10 -20 l 10 0 l 10 20 l 10 0" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12"/>
 5 |       <path d="M0 100 l 10 0 l 10 -10 l 10 0 l 10 10 l 10 0 l 20 -100 l 20 180 l 20 -80 l 10 0 l 10 -20 l 10 0 l 10 20 l 10 0" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5"/>
 6 |     </g>
 7 |     <g id="circuit">
 8 |       <path d="M95 30 l -14 0 M 95 50 l -14 0 M 95 70 l -14 0 M5 30 l 14 0 M 5 50 l 14 0 M 5 70 l 14 0 M30 5 l 0 14 M 50 5 l 0 14 M 70 5 l 0 14 M30 95 l 0 -14 M 50 95 l 0 -14 M 70 95 l 0 -14" stroke="#aaa" stroke-width="12" stroke-linejoin="round" stroke-linecap="round"/>
 9 |       <path d="M20 20 l 60 0 l 0 60 l -60 0 l 0 -60" stroke="#aaa" stroke-width="12" stroke-linejoin="round" stroke-linecap="round"/>
10 |       <path d="M95 30 l -14 0 M 95 50 l -14 0 M 95 70 l -14 0 M5 30 l 14 0 M 5 50 l 14 0 M 5 70 l 14 0 M30 5 l 0 14 M 50 5 l 0 14 M 70 5 l 0 14 M30 95 l 0 -14 M 50 95 l 0 -14 M 70 95 l 0 -14" stroke="#fff" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
11 |       <path d="M20 20 l 60 0 l 0 60 l -60 0 l 0 -60" stroke="#fff" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
12 |     </g>
13 |   </defs>
14 |   <g>
15 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
16 |   </g>
17 |   <use href="#ecg" x="170" y="150"/>
18 |   <use href="#circuit" x="85" y="85"/>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/Logos/leaf_disease.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400">
 2 |   <defs>
 3 |     <g id="eye">
 4 |       <path fill="none" stroke="#aaa" stroke-width="12" d="M4,128c0,0,44,60,124,60s124-60,124-60S208,68,128,68 S4,128,4,128z"/>
 5 |       <circle fill="none" stroke="#aaa" stroke-width="12" cx="128" cy="128" r="28"/>
 6 |       <path fill="none" stroke="#fff" stroke-width="5" d="M4,128c0,0,44,60,124,60s124-60,124-60S208,68,128,68 S4,128,4,128z"/>
 7 |       <circle fill="none" stroke="#fff" stroke-width="5" cx="128" cy="128" r="28"/>
 8 |     </g>
 9 |     <g id="leaf">
10 |       <path fill="none" d="M64 144C160 144 170 64 170 24C170 20 160 16 160 16C24 20 24 84 24 144V176" stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
11 |       <path fill="none" d="M24 144C24 144 24 96 88 88" stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
12 |       <path fill="none" d="M64 144C160 144 170 64 170 24C170 20 160 16 160 16C24 20 24 84 24 144V176" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
13 |       <path fill="none" d="M24 144C24 144 24 96 88 88" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
14 |     </g>
15 |     <g id="line">
16 |       <path fill="none" stroke-linecap="round" stroke="#fff" stroke-width="6" d="M10,10l-5-0"/>
17 |     </g>
18 |   </defs>
19 |   <g>
20 |     <g>
21 |       <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
22 |     </g>
23 |   </g>
24 |   <g>
25 |     <g>
26 |       <use href="#eye" x="30" y="10"/>
27 |       <use href="#leaf" x="190" y="170"/>
28 |     </g>
29 |   </g>
30 | </svg>
31 | 


--------------------------------------------------------------------------------
/Logos/mechanical.svg:
--------------------------------------------------------------------------------
1 | <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(150 200 200)"/><circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(180 200 200)"/><circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(210 200 200)"/><circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(240 200 200)"/><circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(270 200 200)"/><circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(300 200 200)"/><circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(330 200 200)"/><circle cx="200" cy="200" r="70" stroke="#cc314b" stroke-width="12" fill="#59474a"/><circle cx="200" cy="200" r="70" stroke="#fff" stroke-width="5" fill="transparent"/><path stroke="#fff" stroke-width="12" stroke-linecap="round" d="M200 125v1m37.5 9.048-.5.866m27.952 26.586-.866.5M275 200h-1m-9.048 37.5-.866-.5M237.5 264.952l-.5-.866M200 275v-1m-37.5-9.048.5-.866M135.048 237.5l.866-.5M125 200h1m9.048-37.5.866.5m26.586-27.952.5.866"/></g><g id="b"><circle cx="200" cy="165" r="12" fill="#cc314b"/><circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(60 200 200)"/><circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(120 200 200)"/><circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(180 200 200)"/><circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(240 200 200)"/><circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(300 200 200)"/><circle cx="200" cy="200" r="30" stroke="#cc314b" stroke-width="12" fill="#59474a"/><circle cx="200" cy="200" r="30" stroke="#fff" stroke-width="5" fill="transparent"/><path stroke="#fff" stroke-width="12" stroke-linecap="round" d="M200 165v1m30.31 16.5-.865.5m.865 34.5-.865-.5M200 235v-1m-30.31-16.5.865-.5m-.865-34.5.865.5"/></g></defs><circle cx="200" cy="200" r="200" fill="#59474a"/><use href="#a"/><use href="#b" x="-130"/><use href="#b" x="-130" transform="rotate(120 200 200)"/><use href="#b" x="-130" transform="rotate(240 200 200)"/></svg>


--------------------------------------------------------------------------------
/Logos/nmr.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 |   <defs>
 3 |     <g id="ecg">
 4 |       <path d="M0 200 l 75 0 l 2 -75 l 2 40 l 4 0 l 2 -40 l 2 75 l 50 0 l 2 -150 l 2 150 l 50 0 l 1 -50 l 3 40 l 3 -100 l 3 100 l 3 -40 l 3 50 l 75 0" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12"/>
 5 |       <path d="M0 200 l 75 0 l 2 -75 l 2 40 l 4 0 l 2 -40 l 2 75 l 50 0 l 2 -150 l 2 150 l 50 0 l 1 -50 l 3 40 l 3 -100 l 3 100 l 3 -40 l 3 50 l 75 0" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5"/>
 6 |     </g>
 7 |     <g id="chem">
 8 |       <path d="M7.5 22.5V52.5L37.5 70L67.5 52.5V22.5L37.5 5L7.5 22.5Z" stroke="#aaa" linejoin="round" stroke-linecap="round" stroke-width="12" fill="transparent"/>
 9 |       <path d="M20 30L37.5 20L55 30" stroke="#aaa" linejoin="round" stroke-width="12" stroke-linecap="round" fill="transparent"/>
10 |       <path d="M67.5 22.5L97.5 5L127.5 22.5" stroke="#aaa" linejoin="round" stroke-width="12" stroke-linecap="round" fill="transparent"/>
11 |       <path d="M7.5 52.5L-20 70" stroke="#aaa" linejoin="round" stroke-width="12" stroke-linecap="round" fill="transparent"/>
12 |       <path d="M7.5 22.5V52.5L37.5 70L67.5 52.5V22.5L37.5 5L7.5 22.5Z" stroke="#fff" linejoin="round" stroke-linecap="round" stroke-width="5" fill="transparent"/>
13 |       <path d="M20 30L37.5 20L55 30" stroke="#fff" linejoin="round" stroke-width="5" stroke-linecap="round" fill="transparent"/>
14 |       <path d="M67.5 22.5L97.5 5L127.5 22.5" stroke="#fff" linejoin="round" stroke-width="5" stroke-linecap="round" fill="transparent"/>
15 |       <path d="M7.5 52.5L-20 70" stroke="#fff" linejoin="round" stroke-width="5" stroke-linecap="round" fill="transparent"/>
16 |     </g>
17 |   </defs>
18 |   <g>
19 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
20 |   </g>
21 |   <use href="#ecg" x="60" y="100"/>
22 |   <use href="#chem" x="90" y="70"/>
23 | </svg>
24 | 


--------------------------------------------------------------------------------
/Logos/travel_map.html:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" x="800px" y="800px" viewBox="0 0 400 400">
 2 |   <defs>
 3 |     <g id="BigTree">
 4 |       <path d="M 0 0 L 0 100 M 0 0 l -10 20 M 0 0 l 10 20 M 0 25 l -15 30 M 0 25 l 15 30 M 0 60 l -20 30 M 0 60 l 20 30" stroke="#aaa" stroke-width="12" stroke-linecap="round"/>
 5 |       <path d="M 0 0 L 0 100 M 0 0 l -10 20 M 0 0 l 10 20 M 0 25 l -15 30 M 0 25 l 15 30 M 0 60 l -20 30 M 0 60 l 20 30" stroke="#fff" stroke-width="5" stroke-linecap="round"/>
 6 |     </g>
 7 |     <g id="SmallTree">
 8 |       <path d="M 0 0 L 0 60 M 0 0 l -7 14 M 0 0 l 7 14 M 0 20 l -10 15 M 0 20 l 10 15 M 0 40 l -15 15 M 0 40 l 15 15" stroke="#aaa" stroke-width="12" stroke-linecap="round"/>
 9 |       <path d="M 0 0 L 0 60 M 0 0 l -7 14 M 0 0 l 7 14 M 0 20 l -10 15 M 0 20 l 10 15 M 0 40 l -15 15 M 0 40 l 15 15" stroke="#fff" stroke-width="5" stroke-linecap="round"/>
10 |     </g>
11 |     <g id="Path">
12 |       <path d="M 300 350 T 200 300 T 250 200 T 225 125 M 175 350 T 100 300 T 175 200 T 175 125" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
13 |       <path d="M 300 350 T 200 300 T 250 200 T 225 125 M 175 350 T 100 300 T 175 200 T 175 125" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
14 |     </g>
15 |     <g id="Mountain">
16 |       <path d="M 50 125 l 80 -80 l 20 20 l 40 -40 l 20 20 l 10 -10 l 30 30 l 15 -15 l 70 70 M 115 60 l 10 10 l 15 -15 M 160 55 l 20 20 l 20 -20 l 15 15 l 20 -20" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
17 |       <path d="M 50 125 l 80 -80 l 20 20 l 40 -40 l 20 20 l 10 -10 l 30 30 l 15 -15 l 70 70 M 115 60 l 10 10 l 15 -15 M 160 55 l 20 20 l 20 -20 l 15 15 l 20 -20" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
18 |     </g>
19 |   </defs>
20 |   <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
21 |   <use href="#Path" x="0" y="0"/>
22 |   <use href="#SmallTree" x="325" y="175"/>
23 |   <use href="#BigTree" x="275" y="225"/>
24 |   <use href="#BigTree" x="100" y="120"/>
25 |   <use href="#Mountain" x="0" y="0"/>
26 | </svg>
27 | 


--------------------------------------------------------------------------------
/Logos/programming.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="800px" height="800px" viewBox="0 0 400 400">
 4 |     <g>
 5 |       <g>
 6 |         <circle id="background" cx="200" cy="200" r="200" fill="#554b57" />
 7 |       </g>
 8 |     </g>
 9 |     <g>
10 |       <g>
11 |         <polyline points="50 270 50 100 350 100 350 270 50 270" stroke="#a749ba" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
12 |         <polyline points="105 300 300 300 " stroke="#a749ba" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
13 |         <polyline points="280 240 330 240 " stroke="#a749ba" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
14 |         <polyline points="120 220 70 190 120 160" stroke="#a749ba" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
15 |         <polyline points="140 240 185 130" stroke="#a749ba" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
16 |         <polyline points="210 220 260 190 210 160" stroke="#a749ba" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />    
17 | 
18 |         <polyline points="50 270 50 100 350 100 350 270 50 270" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
19 |         <polyline points="105 300 300 300 " stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
20 |         <polyline points="280 240 330 240 " stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
21 |         <polyline points="120 220 70 190 120 160" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
22 |         <polyline points="140 240 185 130" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
23 |         <polyline points="210 220 260 190 210 160" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />  
24 |       </g>
25 |     </g>
26 |   </svg>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/Logos/gct.html:
--------------------------------------------------------------------------------
 1 | <svg width="800" height="800" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
 2 |   <defs>
 3 |     <g id="pixel">
 4 |       <rect width="40" height="40" x="0" y="0" fill="transparent" stroke-width="5" stroke="#fff"></rect>
 5 |     </g>
 6 |     <g id="pixel-outline">
 7 |       <rect width="40" height="40" x="0" y="0" fill="transparent" stroke-width="12" stroke="#aaa"></rect>
 8 |     </g>
 9 |   </defs>
10 |   <g>
11 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"></circle>
12 |   </g>
13 | 
14 |   <use href="#pixel-outline" x="210" y="50" />
15 |   <use href="#pixel-outline" x="210" y="90" />
16 |   <use href="#pixel-outline" x="210" y="130" />
17 |   <use href="#pixel-outline" x="210" y="170" />
18 |   <use href="#pixel-outline" x="210" y="210" />
19 |   <use href="#pixel-outline" x="210" y="250" />
20 |   <use href="#pixel-outline" x="210" y="290" />
21 | 
22 |   <use href="#pixel-outline" x="250" y="50" />
23 |   <use href="#pixel-outline" x="250" y="90" />
24 |   <use href="#pixel-outline" x="250" y="130" />
25 |   
26 | 
27 |   <use href="#pixel" x="210" y="50" />
28 |   <use href="#pixel" x="210" y="90" />
29 |   <use href="#pixel" x="210" y="130" />
30 |   <use href="#pixel" x="210" y="170" />
31 |   <use href="#pixel" x="210" y="210" />
32 |   <use href="#pixel" x="210" y="250" />
33 |   <use href="#pixel" x="210" y="290" />
34 | 
35 |   <use href="#pixel" x="250" y="50" />
36 |   <use href="#pixel" x="250" y="90" />
37 |   <use href="#pixel" x="250" y="130" />
38 | 
39 |   <path d="M 130 160 A 60 60 0 0 1 110 70 M 120 200 A 70 70 0 0 1 110 145 M 140 270 A 50 50 0 0 1 125 200 M 165 200 A 50 50 1 0 0 165 130 M 110 70 A 80 80 0 0 1 200 50 M 140 260 L 150 330 M 160 260 L 163 285 M 180 280 L 182 310" fill="transparent" stroke-width="12" stroke="#aaa" stroke-linecap="round"/>
40 | 
41 |   <path d="M 130 160 A 60 60 0 0 1 110 70 M 120 200 A 70 70 0 0 1 110 145 M 140 270 A 50 50 0 0 1 125 200 M 165 200 A 50 50 1 0 0 165 130 M 110 70 A 80 80 0 0 1 200 50 M 140 260 L 150 330 M 160 260 L 163 285 M 180 280 L 182 310" fill="transparent" stroke-width="5" stroke="#fff" stroke-linecap="round"/>
42 | </svg>


--------------------------------------------------------------------------------
/Logos/project_management.svg:
--------------------------------------------------------------------------------
1 | <svg width="800" height="800" viewBox="0 0 400 400"><defs><g id="c"><circle cx="200" cy="200" r="18" fill="#ed9e49"/><circle cx="200" cy="200" r="14" fill="#fff"/><circle cx="200" cy="200" r="10" fill="#ed9e49"/><circle cx="200" cy="200" r="6" fill="#574c42"/></g><g id="b"><circle cx="200" cy="200" r="12" fill="#ed9e49"/><circle cx="200" cy="200" r="8" fill="#fff"/><circle cx="200" cy="200" r="4" fill="#ed9e49"/></g><g id="a"><circle cx="200" cy="200" r="8" fill="#ed9e49"/><circle cx="200" cy="200" r="4" fill="#fff"/></g></defs><circle cx="200" cy="200" r="200" fill="#574c42"/><use href="#a" y="50"/><use href="#a" y="50" transform="rotate(40 200 200)"/><use href="#a" y="50" transform="rotate(40 200 200)"/><use href="#a" y="50" transform="rotate(80 200 200)"/><use href="#a" y="50" transform="rotate(120 200 200)"/><use href="#a" y="50" transform="rotate(160 200 200)"/><use href="#a" y="50" transform="rotate(200 200 200)"/><use href="#a" y="50" transform="rotate(240 200 200)"/><use href="#b" y="-100"/><use href="#b" y="-100" transform="rotate(25 200 200)"/><use href="#b" y="-100" transform="rotate(50 200 200)"/><use href="#b" y="-100" transform="rotate(75 200 200)"/><use href="#b" y="-100" transform="rotate(100 200 200)"/><use href="#b" y="-100" transform="rotate(125 200 200)"/><use href="#b" y="-100" transform="rotate(150 200 200)"/><use href="#b" y="-100" transform="rotate(175 200 200)"/><use href="#b" y="-100" transform="rotate(200 200 200)"/><use href="#b" y="-100" transform="rotate(225 200 200)"/><use href="#b" y="-100" transform="rotate(250 200 200)"/><use href="#c" y="150"/><use href="#c" y="150" transform="rotate(20 200 200)"/><use href="#c" y="150" transform="rotate(40 200 200)"/><use href="#c" y="150" transform="rotate(60 200 200)"/><use href="#c" y="150" transform="rotate(80 200 200)"/><use href="#c" y="150" transform="rotate(100 200 200)"/><use href="#c" y="150" transform="rotate(120 200 200)"/><use href="#c" y="150" transform="rotate(140 200 200)"/><use href="#c" y="150" transform="rotate(-20 200 200)"/><use href="#c" y="150" transform="rotate(-40 200 200)"/><use href="#c" y="150" transform="rotate(-60 200 200)"/><use href="#c" y="150" transform="rotate(-80 200 200)"/></svg>


--------------------------------------------------------------------------------
/Logos/smart_transcribe.html:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" x="800px" y="800px" viewBox="0 0 400 400">
 2 |   <defs>
 3 |     <g id="Microphone">
 4 |       <path d="M -20 0 l 40 0 M 0 0 l 0 -20 M -30 -50 A 20 20 0 0 0 30 -50 M -15 -50 A 15 15 0 0 0 15 -50 l 0 -30 A 15 15 0 0 0 -15 -80 l 0 30" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
 5 |       <path d="M -20 0 l 40 0 M 0 0 l 0 -20 M -30 -50 A 20 20 0 0 0 30 -50 M -15 -50 A 15 15 0 0 0 15 -50 l 0 -30 A 15 15 0 0 0 -15 -80 l 0 30" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
 6 |     </g>
 7 |     <g id="Sound">
 8 |       <path d="M -80 -20 l 0 40 M -70 -30 l 0 60 M -60 -10 l 0 20 M -50 -5 l 0 10 M -40 -40 l 0 80 M -30 -15 l 0 30 M -20 -20 l 0 40 M -10 -15 l 0 30 M 0 -5 l 0 10 M 10 -35 l 0 70 M 20 -25 l 0 50 M 30 -10 l 0 20" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
 9 |       <path d="M -80 -20 l 0 40 M -70 -30 l 0 60 M -60 -10 l 0 20 M -50 -5 l 0 10 M -40 -40 l 0 80 M -30 -15 l 0 30 M -20 -20 l 0 40 M -10 -15 l 0 30 M 0 -5 l 0 10 M 10 -35 l 0 70 M 20 -25 l 0 50 M 30 -10 l 0 20" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
10 |     </g>
11 |     <g id="Smile">
12 |       <circle x="0" y="0" r="50" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
13 |       <path d="M -20 0 A 20 20 0 0 0 20 0" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round" />
14 |       <circle x="0" y="0" r="50" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
15 |       <path d="M -20 0 A 20 20 0 0 0 20 0" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round" />
16 |     </g>
17 |     <g id="Frown">
18 |       <circle x="0" y="0" r="50" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round"/>
19 |       <path d="M 20 20 A 20 20 0 0 0 -20 20" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round" />
20 |       <circle x="0" y="0" r="50" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round"/>
21 |       <path d="M 20 20 A 20 20 0 0 0 -20 20" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round" />
22 |     </g>
23 |   </defs>
24 |   <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
25 |   <use href="#Microphone" x="180" y="250"/>
26 |   <use href="#Sound" x="105" y="200"/>
27 |   <use href="#Smile" x="320" y="125"/>
28 |   <use href="#Frown" x="320" y="275"/>
29 |   <line x1="225"  y1="180" x2="260" y2="150" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round" />
30 |   <line x1="225"  y1="220" x2="260" y2="250" stroke="#aaa" stroke-width="12" fill="transparent" stroke-linecap="round" />
31 |   <line x1="225"  y1="180" x2="260" y2="150" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round" />
32 |   <line x1="225"  y1="220" x2="260" y2="250" stroke="#fff" stroke-width="5" fill="transparent" stroke-linecap="round" />
33 | </svg>
34 | 


--------------------------------------------------------------------------------
/Basic Shapes/polyline.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="800px" height="800px" viewBox="0 0 400 400">
 4 |     <g>
 5 |       <g>
 6 |         <circle id="background" cx="200" cy="200" r="200" fill="#34804d"/>
 7 |       </g>
 8 |     </g>
 9 |     <g>
10 |       <g>
11 |         <circle id="node" cx="155" cy="120" r="12" stroke="white" stroke-width="12" fill="None"/>
12 |         <circle id="node" cx="200" cy="120" r="12" stroke="white" stroke-width="12" fill="None"/>
13 |         <circle id="node" cx="245" cy="120" r="12" stroke="white" stroke-width="12" fill="None"/>
14 |         <polyline points="245 105 245 60 340 155 295 155" stroke="white" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
15 |         <polyline points="155 105 155 80 176 56 176 20" stroke="white" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
16 |         <line x1="200" y1="105" x2="200" y2="20" stroke="white" stroke-width="12" stroke-linecap="round"/>
17 |         <circle id="node" cx="120" cy="155" r="12" stroke="white" stroke-width="12" fill="None"/>
18 |         <circle id="node" cx="120" cy="200" r="12" stroke="white" stroke-width="12" fill="None"/>
19 |         <circle id="node" cx="120" cy="245" r="12" stroke="white" stroke-width="12" fill="None"/>
20 |         <line x1="105" y1="200" x2="20" y2="200" stroke="white" stroke-width="12" stroke-linecap="round"/>
21 |         <polyline points="105 155 80 155 56 176 20 176" stroke="white" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
22 |         <polyline points="105 245 80 245 56 224 20 224" stroke="white" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
23 |         <circle id="node" cx="155" cy="280" r="12" stroke="white" stroke-width="12" fill="None"/>
24 |         <circle id="node" cx="200" cy="280" r="12" stroke="white" stroke-width="12" fill="None"/>
25 |         <circle id="node" cx="245" cy="280" r="12" stroke="white" stroke-width="12" fill="None"/>
26 |         <line x1="155" y1="295" x2="155" y2="380" stroke="white" stroke-width="12" stroke-linecap="round"/>
27 |         <polyline points="200 295 200 310 176 340 176 380" stroke="white" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
28 |         <polyline points="245 295 245 310 197 370 197 380" stroke="white" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
29 |         <circle id="node" cx="280" cy="155" r="12" stroke="white" stroke-width="12" fill="None"/>
30 |         <circle id="node" cx="280" cy="200" r="12" stroke="white" stroke-width="12" fill="None"/>
31 |         <circle id="node" cx="280" cy="245" r="12" stroke="white" stroke-width="12" fill="None"/>
32 |         <line x1="295" y1="200" x2="380" y2="200" stroke="white" stroke-width="12" stroke-linecap="round"/>
33 |         <polyline points="295 245 310 245 360 295" stroke="white" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
34 |       </g>
35 |     </g>
36 |   </svg>
37 | </html>
38 | 


--------------------------------------------------------------------------------
/Logos/ct.html:
--------------------------------------------------------------------------------
 1 | <svg width="800" height="800" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
 2 |   <defs>
 3 |     <g id="ct-machine">
 4 |       <circle cx="200" cy="200" r="75" stroke="#aaa" stroke-width="12" fill="none"/>
 5 |       <circle cx="200" cy="200" r="125" stroke="#aaa" stroke-width="12" fill="none"/>
 6 |       <circle cx="200" cy="200" r="75" stroke="#fff" stroke-width="5" fill="none"/>
 7 |       <circle cx="200" cy="200" r="125" stroke="#fff" stroke-width="5" fill="none"/>
 8 |       <path fill="#384247" d="M60 157.5h100v85H60z"/>
 9 |       <circle cx="175" cy="190" r="18" stroke="#aaa" stroke-width="12" fill="none"/>
10 |       <path d="M40 240h145l15-15H40z" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" fill="none"/>
11 |       <path stroke-linecap="round" stroke="#aaa" stroke-width="12" d="M85 155h55"/>
12 |       <circle cx="175" cy="190" r="18" stroke="#fff" stroke-width="5" fill="none"/>
13 |       <path d="M50 175h80a10 10 0 0 1 10 10v15a10 10 0 0 1-10 10H50a10 10 0 0 1-10-10v-15a10 10 0 0 1 10-10" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" fill="none"/>
14 |       <path d="M40 240h145l15-15H40z" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" fill="none"/>
15 |       <path stroke-linecap="round" stroke="#fff" stroke-width="5" d="M85 155h55"/>
16 |       <path d="M50 175h80a10 10 0 0 1 10 10v15a10 10 0 0 1-10 10H50a10 10 0 0 1-10-10v-15a10 10 0 0 1 10-10" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" fill="none"/>
17 |     </g>
18 |   </defs>
19 |   <g>
20 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
21 |   </g>
22 | <!--<use href="#ct-machine"/>-->
23 |   <circle cx="200" cy="200" r="75" stroke="#aaa" stroke-width="12" fill="none"/>
24 |   <circle cx="200" cy="200" r="125" stroke="#aaa" stroke-width="12" fill="none"/>
25 |   <path fill="#384247" d="M60 155.7h100v85H60z"/>
26 |   <circle cx="200" cy="200" r="75" stroke="#fff" stroke-width="5" fill="none"/>
27 |   <circle cx="200" cy="200" r="125" stroke="#fff" stroke-width="5" fill="none"/>
28 |   <path fill="#384247" d="M60 157.5h100v85H60z"/>
29 |   <path stroke-linecap="round" stroke="#aaa" stroke-width="12" d="M83.2 155h57.7"/>
30 |   <circle cx="175" cy="190" r="18" stroke="#aaa" stroke-width="12" fill="none"/>
31 |   <path d="M40 240h145l15-15H40z" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" fill="none"/>
32 |   <circle cx="175" cy="190" r="18" stroke="#fff" stroke-width="5" fill="none"/>
33 |   <path d="M50 175h80a10 10 0 0 1 10 10v15a10 10 0 0 1-10 10H50a10 10 0 0 1-10-10v-15a10 10 0 0 1 10-10" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" fill="none"/>
34 |   <path d="M40 240h145l15-15H40z" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" fill="none"/>
35 |   <path stroke-linecap="round" stroke="#fff" stroke-width="5" d="M85 155h55"/>
36 |   <path d="M50 175h80a10 10 0 0 1 10 10v15a10 10 0 0 1-10 10H50a10 10 0 0 1-10-10v-15a10 10 0 0 1 10-10" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" fill="none"/>
37 | </svg>
38 | 


--------------------------------------------------------------------------------
/Logos/project_management.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="800px" height="800px" viewBox="0 0 400 400">
 4 |     <defs>
 5 |       <g id="large_circle">
 6 |         <circle cx="200" cy="200" r="18"  fill="#ed9e49" />
 7 |         <circle cx="200" cy="200" r="14" fill="white" />
 8 |         <circle cx="200" cy="200" r="10"  fill="#ed9e49" />
 9 |         <circle cx="200" cy="200" r="6" fill="#574c42" />
10 |       </g>
11 |       <g id="med_circle">
12 |         <circle cx="200" cy="200" r="12"  fill="#ed9e49" />
13 |         <circle cx="200" cy="200" r="8" fill="white" />
14 |         <circle cx="200" cy="200" r="4"  fill="#ed9e49" />
15 |       </g>
16 |       <g id="small_circle">
17 |         <circle cx="200" cy="200" r="8"  fill="#ed9e49" />
18 |         <circle cx="200" cy="200" r="4" fill="white" />
19 |       </g>
20 |     </defs>
21 |     <g>
22 |       <g>
23 |         <circle id="background" cx="200" cy="200" r="200" fill="#574c42" />
24 |       </g>
25 |     </g>
26 |     <g>
27 |       <g>
28 |         <use href="#small_circle" x="0" y="50"/>
29 |         <use href="#small_circle" x="0" y="50" transform="rotate(40, 200, 200)" />
30 |         <use href="#small_circle" x="0" y="50" transform="rotate(40, 200, 200)" />
31 |         <use href="#small_circle" x="0" y="50" transform="rotate(80, 200, 200)" />
32 |         <use href="#small_circle" x="0" y="50" transform="rotate(120, 200, 200)" />
33 |         <use href="#small_circle" x="0" y="50" transform="rotate(160, 200, 200)" />
34 |         <use href="#small_circle" x="0" y="50" transform="rotate(200, 200, 200)" />
35 |         <use href="#small_circle" x="0" y="50" transform="rotate(240, 200, 200)" />
36 |       </g>
37 |     </g>
38 |     <g>
39 |       <g>
40 |         <use href="#med_circle" x="0" y="-100" />
41 |         <use href="#med_circle" x="0" y="-100" transform="rotate(25, 200, 200)" />
42 |         <use href="#med_circle" x="0" y="-100" transform="rotate(50, 200, 200)" />
43 |         <use href="#med_circle" x="0" y="-100" transform="rotate(75, 200, 200)" />
44 |         <use href="#med_circle" x="0" y="-100" transform="rotate(100, 200, 200)" />
45 |         <use href="#med_circle" x="0" y="-100" transform="rotate(125, 200, 200)" />
46 |         <use href="#med_circle" x="0" y="-100" transform="rotate(150, 200, 200)" />
47 |         <use href="#med_circle" x="0" y="-100" transform="rotate(175, 200, 200)" />
48 |         <use href="#med_circle" x="0" y="-100" transform="rotate(200, 200, 200)" />
49 |         <use href="#med_circle" x="0" y="-100" transform="rotate(225, 200, 200)" />
50 |         <use href="#med_circle" x="0" y="-100" transform="rotate(250, 200, 200)" />
51 |       </g>
52 |     </g>
53 |     <g>
54 |       <g>
55 |         <use href="#large_circle" x="0" y="150"/>
56 |         <use href="#large_circle" x="0" y="150" transform="rotate(20, 200, 200)" />
57 |         <use href="#large_circle" x="0" y="150" transform="rotate(40, 200, 200)" />
58 |         <use href="#large_circle" x="0" y="150" transform="rotate(60, 200, 200)" />
59 |         <use href="#large_circle" x="0" y="150" transform="rotate(80, 200, 200)" />
60 |         <use href="#large_circle" x="0" y="150" transform="rotate(100, 200, 200)" />
61 |         <use href="#large_circle" x="0" y="150" transform="rotate(120, 200, 200)" />
62 |         <use href="#large_circle" x="0" y="150" transform="rotate(140, 200, 200)" />
63 |         <use href="#large_circle" x="0" y="150" transform="rotate(-20, 200, 200)" />
64 |         <use href="#large_circle" x="0" y="150" transform="rotate(-40, 200, 200)" />
65 |         <use href="#large_circle" x="0" y="150" transform="rotate(-60, 200, 200)" />
66 |         <use href="#large_circle" x="0" y="150" transform="rotate(-80, 200, 200)" />
67 |       </g>
68 |     </g>
69 |   </svg> 
70 | </html>
71 | 


--------------------------------------------------------------------------------
/Logos/ml_stethoscope.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 |   <defs>
 3 |     <g id="lung" >
 4 |       <path d="M100 25V100C100 110 95 115 75 115" stroke="#aaa" stroke-width="12" stroke-linecap="round"/>
 5 |       <path d="M100 25V100C100 110 95 115 75 115" stroke="#aaa" stroke-width="12" stroke-linecap="round" transform="translate(240) scale(-1, 1)" />
 6 |       <path d="M90 110C90 90 85 75 75 75C55 70 30 100 25 135C15 175 20 200 30 205C40 205 55 195 60 195C70 195 90 200 90 190C90 185 90 175 90 150" stroke="#aaa" stroke-width="12" stroke-linecap="round"/>
 7 |       <path d="M90 110C90 90 85 75 75 75C55 70 30 100 25 135C15 175 20 200 30 205C40 205 55 195 60 195C70 195 90 200 90 190C90 185 90 175 90 150" stroke="#aaa" stroke-width="12" stroke-linecap="round" transform="translate(240) scale(-1, 1)" />
 8 |       <path d="M75 150C95 150 110 145 120 135C130 145 145 150 165 150" stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
 9 |       <path d="M100 25V100C100 110 95 115 75 115" stroke="#fff" stroke-width="5" stroke-linecap="round"/>
10 |       <path d="M100 25V100C100 110 95 115 75 115" stroke="#fff" stroke-width="5" stroke-linecap="round" transform="translate(240) scale(-1, 1)" />
11 |       <path d="M90 110C90 90 85 75 75 75C55 70 30 100 25 135C15 175 20 200 30 205C40 205 55 195 60 195C70 195 90 200 90 190C90 185 90 175 90 150" stroke="#fff" stroke-width="5" stroke-linecap="round"/>
12 |       <path d="M90 110C90 90 85 75 75 75C55 70 30 100 25 135C15 175 20 200 30 205C40 205 55 195 60 195C70 195 90 200 90 190C90 185 90 175 90 150" stroke="#fff" stroke-width="5" stroke-linecap="round" transform="translate(240) scale(-1, 1)" />
13 |       <path d="M75 150C95 150 110 145 120 135C130 145 145 150 165 150" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
14 |     </g>
15 |     <g id="neural-network">
16 |       <path d="M0 0L60 30M0 0L60 -30 M0 -60L60 -30 M0 -60L60 -90 M0 0L60 -90 M0 -60L60 30 M60 30L120 -30 M60 -30L120 -30 M60 -90L120 -30" stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
17 |       <circle cx="60" cy="-30" r="15" stroke="#aaa" stroke-width="12" fill="#384247" />
18 |       <circle cx="60" cy="30" r="15" stroke="#aaa" stroke-width="12" fill="#384247" />
19 |       <circle cx="0" cy="0" r="15" stroke="#aaa" stroke-width="12" fill="#384247" />
20 |       <circle cx="60" cy="-90" r="15" stroke="#aaa" stroke-width="12" fill="#384247" />
21 |       <circle cx="0" cy="-60" r="15" stroke="#aaa" stroke-width="12" fill="#384247" />
22 |       <circle cx="120" cy="-30" r="15" stroke="#aaa" stroke-width="12" fill="#384247" />
23 |       <path d="M0 0L60 30M0 0L60 -30 M0 -60L60 -30 M0 -60L60 -90 M0 0L60 -90 M0 -60L60 30 M60 30L120 -30 M60 -30L120 -30 M60 -90L120 -30" stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
24 |       <circle cx="60" cy="-30" r="15" stroke="#fff" stroke-width="5" />
25 |       <circle cx="60" cy="30" r="15" stroke="#fff" stroke-width="5" />
26 |       <circle cx="0" cy="0" r="15" stroke="#fff" stroke-width="5" />
27 |       <circle cx="60" cy="-90" r="15" stroke="#fff" stroke-width="5" />
28 |       <circle cx="0" cy="-60" r="15" stroke="#fff" stroke-width="5" />
29 |       <circle cx="120" cy="-30" r="15" stroke="#fff" stroke-width="5" />
30 |       <circle cx="60" cy="-30" r="12" stroke="#aaa" stroke-width="3" fill="#384247" />
31 |       <circle cx="60" cy="30" r="12" stroke="#aaa" stroke-width="3" fill="#384247" />
32 |       <circle cx="0" cy="0" r="12" stroke="#aaa" stroke-width="3" fill="#384247" />
33 |       <circle cx="60" cy="-90" r="12" stroke="#aaa" stroke-width="3" fill="#384247" />
34 |       <circle cx="0" cy="-60" r="12" stroke="#aaa" stroke-width="3" fill="#384247" />
35 |       <circle cx="120" cy="-30" r="12" stroke="#aaa" stroke-width="3" fill="#384247" />
36 |       <circle cx="120" cy="-30" r="12" stroke="#aaa" stroke-width="3" fill="#384247" />
37 |     </g>
38 |   </defs>
39 |   <g>
40 |     <g>
41 |       <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
42 |     </g>
43 |   </g>
44 |   <use href="#lung" x="130" y="100" />
45 |   <use href="#neural-network" x="70" y="150" />
46 | </svg>
47 | 


--------------------------------------------------------------------------------
/Logos/machinery.html:
--------------------------------------------------------------------------------
 1 | <svg width="800" height="800" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
 2 |   <g>
 3 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
 4 |   </g>
 5 |   <defs>
 6 |     <g id="body">
 7 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 355 170 v -70 h -140 v 65"/>
 8 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 300 185 h 65 v 15 l -20 30 v 60 h -145 v -98"/>
 9 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 230 165 v -15 h 35 v 30"/>
10 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 355 170 v -70 h -140 v 65"/>
11 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 300 185 h 65 v 15 l -20 30 v 60 h -145 v -98"/>
12 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 230 165 v -15 h 35 v 30"/>
13 |     </g>
14 |     <g id="conveyer">
15 |       <circle stroke="#aaa" stroke-width="12" fill="transparent" cx="50" cy="190" r="12"/>
16 |       <circle stroke="#aaa" stroke-width="12" fill="transparent" cx="125" cy="190" r="12"/>
17 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 50 178 h 200"/>
18 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 50 202 h 135"/>
19 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 50 217 v 75"/>
20 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 125 217 v 75"/>
21 |       <circle stroke="#fff" stroke-width="5" fill="transparent" cx="50" cy="190" r="12"/>
22 |       <circle stroke="#fff" stroke-width="5" fill="transparent" cx="125" cy="190" r="12"/>
23 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 50 178 h 200"/>
24 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 50 202 h 135"/>
25 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 50 217 v 75"/>
26 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" d="M 125 217 v 75"/>
27 |       <use href="#foot" x="50" y="300"/>
28 |       <use href="#foot" x="125" y="300"/>
29 |     </g>
30 |     <g id="abc">
31 |       <circle stroke="#aaa" stroke-width="12" fill="transparent" cx="0" cy="0" r="2.5"/>
32 |       <circle stroke="#fff" stroke-width="5" fill="transparent" cx="0" cy="0" r="2.5"/>
33 |     </g>
34 |     <g id="bcd">
35 |       <circle stroke="#aaa" stroke-width="12" fill="transparent" cx="0" cy="0" r="7"/>
36 |       <path stroke="#aaa" stroke-width="12" stroke-linecap="round" fill="transparent" d="M -10 0 h 20"/>
37 |       <circle stroke="#fff" stroke-width="5" fill="transparent" cx="0" cy="0" r="7"/>
38 |       <path stroke="#fff" stroke-width="5" stroke-linecap="round" fill="transparent" d="M -10 0 h 20"/>
39 |     </g>
40 |     <g id="foot">
41 |       <polygon stroke="#aaa" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="transparent" points="-1,-1 1,-1 2,2 -2,2"/>
42 |       <polygon stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="transparent" points="-1,-1 1,-1 2,2 -2,2"/>
43 |     </g>
44 |   </defs>
45 |   <use href="#abc" x="235" y="125"/>
46 |   <use href="#abc" x="260" y="125"/>
47 |   <use href="#abc" x="285" y="125"/>
48 |   <use href="#abc" x="310" y="125"/>
49 |   <use href="#abc" x="335" y="125"/>
50 |   <use href="#bcd" x="230" y="220"/>
51 |   <use href="#bcd" x="270" y="220" transform="rotate(45, 270, 220)"/>
52 |   <use href="#bcd" x="310" y="220" transform="rotate(-45, 310, 220)"/>
53 |   <use href="#foot" x="200" y="300"/>
54 |   <use href="#foot" x="345" y="300"/>
55 |   <use href="#conveyer" x="0" y="0"/>
56 |   <use href="#body" x="0" y="0"/>
57 | </svg>
58 | 


--------------------------------------------------------------------------------
/Logos/electrical.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="800px" height="800px" viewBox="0 0 400 400">
 4 |      <defs>
 5 |       <g id="node">
 6 |         <circle cx="0" cy="0" r="18"  fill="#0e7eb5" />
 7 |         <circle cx="0" cy="0" r="14" fill="white" />
 8 |         <circle cx="0" cy="0" r="10" fill="#0e7eb5" />
 9 |         <circle cx="0" cy="0" r="6" fill="#344f5c" />
10 |         <circle cx="45" cy="0" r="18"  fill="#0e7eb5" />
11 |         <circle cx="45" cy="0" r="14" fill="white" />
12 |         <circle cx="45" cy="0" r="10" fill="#0e7eb5" />
13 |         <circle cx="45" cy="0" r="6" fill="#344f5c" />
14 |         <circle cx="-45" cy="0" r="18"  fill="#0e7eb5" />
15 |         <circle cx="-45" cy="0" r="14" fill="white" />
16 |         <circle cx="-45" cy="0" r="10" fill="#0e7eb5" />
17 |         <circle cx="-45" cy="0" r="6" fill="#344f5c" />
18 |       </g>
19 |     </defs>
20 |     <g>
21 |       <g>
22 |         <circle id="background" cx="200" cy="200" r="200" fill="#344f5c"/>
23 |       </g>
24 |     </g>
25 |     <g>
26 |       <g>
27 |         <polyline points="245 105 245 60 340 155 295 155" stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
28 |         <polyline points="155 105 155 80 176 56 176 20" stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
29 |         <polyline points="105 155 80 155 56 176 20 176" stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
30 |         <polyline points="105 245 80 245 56 224 20 224" stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
31 |         <polyline points="200 295 200 310 176 340 176 380" stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
32 |         <polyline points="245 295 245 310 197 370 197 380" stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
33 |         <polyline points="295 245 310 245 360 295" stroke="#0e7eb5" fill="transparent" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
34 |         <line x1="200" y1="105" x2="200" y2="20" stroke="#0e7eb5" stroke-width="12" stroke-linecap="round"/>
35 |         <line x1="105" y1="200" x2="20" y2="200" stroke="#0e7eb5" stroke-width="12" stroke-linecap="round"/>
36 |         <line x1="155" y1="295" x2="155" y2="380" stroke="#0e7eb5" stroke-width="12" stroke-linecap="round"/>
37 |         <line x1="295" y1="200" x2="380" y2="200" stroke="#0e7eb5" stroke-width="12" stroke-linecap="round"/>
38 |         <use href="#node" x="200" y="120" />
39 |         <use href="#node" x="200" y="120" transform="rotate(90, 200, 200)" />
40 |         <use href="#node" x="200" y="280" />
41 |         <use href="#node" x="200" y="120" transform="rotate(270, 200, 200)" />
42 |         <polyline points="245 107 245 60 340 155 293 155" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
43 |         <polyline points="155 107 155 80 176 56 176 20" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
44 |         <polyline points="107 155 80 155 56 176 20 176" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
45 |         <polyline points="107 245 80 245 56 224 20 224" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
46 |         <polyline points="200 293 200 310 176 340 176 380" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
47 |         <polyline points="245 293 245 310 197 370 197 380" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
48 |         <polyline points="293 245 310 245 360 295" stroke="white" fill="transparent" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
49 |         <line x1="200" y1="107" x2="200" y2="20" stroke="white" stroke-width="5" stroke-linecap="round"/>
50 |         <line x1="105" y1="200" x2="20" y2="200" stroke="white" stroke-width="5" stroke-linecap="round"/>
51 |         <line x1="155" y1="293" x2="155" y2="380" stroke="white" stroke-width="5" stroke-linecap="round"/>
52 |         <line x1="293" y1="200" x2="380" y2="200" stroke="white" stroke-width="5" stroke-linecap="round"/>
53 |       </g>
54 |     </g>
55 |   </svg>
56 | </html>
57 | 


--------------------------------------------------------------------------------
/Logos/esp.html:
--------------------------------------------------------------------------------
 1 | <svg width="800px" height="800px" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 |   <defs>
 3 |     <g id="circuit">
 4 |       <path d="M95 30 l -14 0 M 95 50 l -14 0 M 95 70 l -14 0 M5 30 l 14 0 M 5 50 l 14 0 M 5 70 l 14 0 M30 5 l 0 14 M 50 5 l 0 14 M 70 5 l 0 14 M30 95 l 0 -14 M 50 95 l 0 -14 M 70 95 l 0 -14" stroke="#aaa" stroke-width="12" stroke-linejoin="round" stroke-linecap="round"/>
 5 |       <path d="M20 20 l 60 0 l 0 60 l -60 0 l 0 -60" stroke="#aaa" stroke-width="12" stroke-linejoin="round" stroke-linecap="round"/>
 6 |       <path d="M95 30 l -14 0 M 95 50 l -14 0 M 95 70 l -14 0 M5 30 l 14 0 M 5 50 l 14 0 M 5 70 l 14 0 M30 5 l 0 14 M 50 5 l 0 14 M 70 5 l 0 14 M30 95 l 0 -14 M 50 95 l 0 -14 M 70 95 l 0 -14" stroke="#fff" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
 7 |       <path d="M20 20 l 60 0 l 0 60 l -60 0 l 0 -60" stroke="#fff" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
 8 |     </g>
 9 |   </defs>
10 |   <g>
11 |     <circle id="background" cx="200" cy="200" r="200" fill="#384247"/>
12 |   </g>
13 |   <rect x="105" y="60" height="275" width="190" fill="transparent" stroke="#aaa" stroke-width="12" stroke-linejoin="round" stroke-linecap="round"/>
14 |   <rect x="105" y="60" height="275" width="190" fill="transparent" stroke="#fff" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
15 |   <circle cx="200" cy="125" r="35" fill="transparent" stroke="#aaa" stroke-width="12" stroke-linejoin="round" stroke-linecap="round"/>
16 |   <circle cx="200" cy="125" r="7" fill="transparent" stroke="#aaa" stroke-width="12" stroke-linejoin="round" stroke-linecap="round"/>
17 |   <circle cx="200" cy="125" r="35" fill="transparent" stroke="#fff" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
18 |   <circle cx="200" cy="125" r="7" fill="transparent" stroke="#fff" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
19 |   <circle cx="130" cy="90" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
20 |   <circle cx="130" cy="90" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
21 |   <circle cx="270" cy="90" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
22 |   <circle cx="270" cy="90" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
23 |   <circle cx="130" cy="120" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
24 |   <circle cx="130" cy="120" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
25 |   <circle cx="270" cy="120" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
26 |   <circle cx="270" cy="120" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
27 |   <circle cx="130" cy="150" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
28 |   <circle cx="130" cy="150" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
29 |   <circle cx="270" cy="150" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
30 |   <circle cx="270" cy="150" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
31 |   <circle cx="130" cy="180" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
32 |   <circle cx="130" cy="180" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
33 |   <circle cx="270" cy="180" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
34 |   <circle cx="270" cy="180" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
35 |   <circle cx="130" cy="210" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
36 |   <circle cx="130" cy="210" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
37 |   <circle cx="270" cy="210" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#aaa" stroke-width="12" />
38 |   <circle cx="270" cy="210" r="1" fill="transparent" stroke-linejoin="round" stroke-linecap="round" stroke="#fff" stroke-width="5" />
39 |   <use href="#circuit" x="150" y="210"/>
40 | </svg>
41 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # SVG Logos
 2 | 
 3 | This repository is a storage space for holding basic html encodings of svg images.
 4 | 
 5 | ## Basic Images
 6 | <div>
 7 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Basic Shapes/circle.png" height=100 />
 8 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Basic Shapes/ellipse.png" height=100 />
 9 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Basic Shapes/line.png" height=100 />
10 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Basic Shapes/path.png" height=100 />
11 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Basic Shapes/polygon.png" height=100 />
12 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Basic Shapes/polyline.png" height=100 />
13 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Basic Shapes/rectangle.png" height=100 />
14 | </div>
15 | 
16 | ## Christmas Images
17 | <div>
18 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Christmas/christmas_tree.png" height=100 />
19 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Christmas/gingerbread_man.png" height=100 />
20 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Christmas/ornament.png" height=100 />
21 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Christmas/snowflake.png" height=100 />
22 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Christmas/star.png" height=100 />
23 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Christmas/winter_wonderland.png" height=100 />
24 | </div>
25 | 
26 | ## Personal Logos
27 | <div>
28 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/mechanical.png" height=100 />
29 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/electrical.png" height=100 />
30 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/programming.png" height=100 />
31 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/project_management.png" height=100 />
32 | </div>
33 | <div>
34 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/leaf_disease.png" height=100 />
35 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/computer_vision.png" height=100 />
36 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/ml_stethoscope.png" height=100 />
37 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/ct.png" height=100 />
38 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/ecg.png" height=100 />
39 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/nmr.png" height=100 />
40 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/isp.png" height=100 />
41 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/morse.png" height=100 />
42 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/travel_map.png" height=100 />
43 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/smart_transcribe.png" height=100 />
44 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/lego.png" height=100 />
45 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/esp.png" height=100 />
46 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/machinery.png" height=100 />
47 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/dr.png" height=100 />
48 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Logos/gct.png" height=100 />
49 | </div>
50 | 
51 | ## GUI Buttons and Graphics
52 | <div>
53 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/close.png" height=50 />
54 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/reset.png" height=50 />
55 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/start.png" height=50 />
56 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/stop.png" height=50 />
57 | </div>
58 | 
59 | <div>
60 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/toggle_on.png" height=50 />
61 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/toggle_off.png" height=50 />
62 | </div>
63 | 
64 | <div>
65 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/minus1.png" height=50 />
66 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/reset_blue.png" height=50 />
67 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/GUI/plus1.png" height=50 />
68 | </div>
69 | 
70 | ## Avatars
71 | <div>
72 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Avatars/professional.png" height=100 />
73 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Avatars/relaxed.png" height=100 />
74 |   <img src="https://github.com/cgrundman/svg-logos/blob/main/Avatars/casual.png" height=100 />
75 | </div>
76 | 
77 | ##### Special thanks to [Avataaars Generator](https://getavataaars.com/)
78 | 


--------------------------------------------------------------------------------
/Logos/mechanical.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <svg width="800px" height="800px" viewBox="0 0 400 400">
 4 |     <defs>
 5 |       <g id="sungear">
 6 |         <circle cx="200" cy="125" r="12" fill="#cc314b" />
 7 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(30, 200, 200)" />
 8 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(60, 200, 200)" />
 9 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(90, 200, 200)" />
10 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(120, 200, 200)" />
11 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(150, 200, 200)" />
12 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(180, 200, 200)" />
13 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(210, 200, 200)" />
14 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(240, 200, 200)" />
15 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(270, 200, 200)" />
16 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(300, 200, 200)" />
17 |         <circle cx="200" cy="125" r="12" fill="#cc314b" transform="rotate(330, 200, 200)" />
18 |         <circle cx="200" cy="200" r="70" stroke="#cc314b" stroke-width="12" fill="#59474a" />
19 |         <circle cx="200" cy="200" r="70" stroke="white" stroke-width="5" fill="transparent" />
20 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round"/>
21 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(30, 200, 200)" />
22 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(60, 200, 200)" />
23 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(90, 200, 200)" />
24 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(120, 200, 200)" />
25 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(150, 200, 200)" />
26 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(180, 200, 200)" />
27 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(210, 200, 200)" />
28 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(240, 200, 200)" />
29 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(270, 200, 200)" />
30 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(300, 200, 200)" />
31 |         <line x1="200" y1="125" x2="200" y2="126" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(330, 200, 200)" />
32 |       </g>
33 |       <g id="plangear">
34 |         <circle cx="200" cy="165" r="12" fill="#cc314b" />
35 |         <circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(60, 200, 200)" />
36 |         <circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(120, 200, 200)" />
37 |         <circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(180, 200, 200)" />
38 |         <circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(240, 200, 200)" />
39 |         <circle cx="200" cy="165" r="12" fill="#cc314b" transform="rotate(300, 200, 200)" />
40 |         <circle cx="200" cy="200" r="30" stroke="#cc314b" stroke-width="12" fill="#59474a" />
41 |         <circle cx="200" cy="200" r="30" stroke="white" stroke-width="5" fill="transparent" />
42 |         <line x1="200" y1="165" x2="200" y2="166" stroke="white" stroke-width="12" stroke-linecap="round"/>
43 |         <line x1="200" y1="165" x2="200" y2="166" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(60, 200, 200)" />
44 |         <line x1="200" y1="165" x2="200" y2="166" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(120, 200, 200)" />
45 |         <line x1="200" y1="165" x2="200" y2="166" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(180, 200, 200)" />
46 |         <line x1="200" y1="165" x2="200" y2="166" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(240, 200, 200)" />
47 |         <line x1="200" y1="165" x2="200" y2="166" stroke="white" stroke-width="12" stroke-linecap="round" transform="rotate(300, 200, 200)" />
48 |       </g>
49 |     </defs>
50 |     <circle id="background" cx="200" cy="200" r="200" fill="#59474a" />
51 |     <use href="#sungear" x="0" y="0" />
52 |     <use href="#plangear" x="-130" y="0" />
53 |     <use href="#plangear" x="-130" y="0" transform="rotate(120, 200, 200)" />
54 |     <use href="#plangear" x="-130" y="0" transform="rotate(240, 200, 200)" />
55 |   </svg>
56 | </html>
57 | 


--------------------------------------------------------------------------------
/Avatars/casual.html:
--------------------------------------------------------------------------------
1 | <svg width="264" height="280" viewBox="0 0 264 280" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M124 144.611V163h4c39.765 0 72 32.235 72 72v9H0v-9c0-39.765 32.235-72 72-72h4v-18.389c-17.237-8.189-29.628-24.924-31.695-44.73C38.48 99.058 34 94.052 34 88V74c0-5.946 4.325-10.882 10-11.834V56c0-30.928 25.072-56 56-56s56 25.072 56 56v6.166c5.675.952 10 5.888 10 11.834v14c0 6.052-4.48 11.058-10.305 11.881-2.067 19.806-14.458 36.541-31.695 44.73" id="a"/></defs><g fill="none" fill-rule="evenodd"><g/><g mask="url(#react-mask-5)"><g transform="translate(32 36)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#D0C6AC" xlink:href="#a"/><g mask="url(#b)" fill="#FFDBB4"><path d="M0 0h264v280H0z"/></g><path d="M156 79v23c0 30.928-25.072 56-56 56s-56-25.072-56-56V79v15c0 30.928 25.072 56 56 56s56-25.072 56-56z" fill-opacity=".1" fill="#000" mask="url(#b)"/></g><g transform="translate(0 170)"><defs><path d="M165.624 29.268C202.76 32.138 232 63.18 232 101.052V110H32v-8.948c0-38.217 29.775-69.48 67.393-71.855A14 14 0 0 0 99 32.5C99 44.374 113.998 54 132.5 54S166 44.374 166 32.5c0-1.098-.128-2.178-.376-3.232" id="c"/></defs><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><use fill="#E6E6E6" xlink:href="#c"/><g mask="url(#d)" fill="#750000"><path d="M0 0h264v110H0z"/></g><g fill="#FFF" mask="url(#d)"><path d="M142.933 83.391c-4.082 1.38-8.55 3.324-10.905 7.074-1.847 2.942-1.971-.455-4.55.593-2.508 1.019-1.822 5.223-2.733 7.301-.708-1.191-1.043-2.516-1.935-3.604a6.6 6.6 0 0 0 1.814-1.724c.156-.32-4.792.348-5.076.43-1.411.401-2.74.77-4.088 1.429a79 79 0 0 0 1.965-2.989q.31-1.02 1.108-.006c.748.036 1.178.357 1.962.177 2.915-.667 3.843-6.223.25-5.987a93 93 0 0 0 4.253-8.802c.502 4.291 6.08 2.813 7.719.525 2.14-2.989-.604-8.662-4.484-8.112.581-1.375 1.17-2.762 1.65-4.178 1.092 1.61 3.001 2.39 4.538 3.457a18.2 18.2 0 0 1 4.163 4.006c2.386 3.14 3.793 7.007 6.215 10.052a7 7 0 0 0-1.866.358m9.006-4.388c-.632-5.757-5.15-11.601-9.44-15.176-2.55-2.125-10.24-7.385-13.306-3.34 2.472 1.071 5.2 1.33 7.65 2.489 3.32 1.572 5.922 4.16 8.168 7.055 3.137 4.045 7.97 12.283.474 14.386.518-.338.819-.709 1.228-1.308-1.007-.233-.6-1.878-.954-2.952-.412-1.25-1.21-2.467-1.884-3.582a57 57 0 0 0-3.504-5.171c-1.678-2.186-3.686-3.907-5.977-5.396-.907-.589-1.775-1.11-2.817-1.415-1.349-.394-.907.086-1.276-1.146-.232-.773-.024-1.763-.246-2.592-1.973 1.658-2.615 4.055-3.5 6.381-1.02 2.684-2.122 5.335-3.196 7.997-2.635 6.535-6.034 12.395-9.891 18.247-.672 1.02-2.165 2.95-1.09 4.174.96 1.095 2.33.306 3.386-.139 1.436-.604 3.385-2.164 4.935-1.347 1.998 1.054 1.054 4.984 4.214 4.827 3.114-.154 2.527-5.28 3.527-7.317 2.311 1.685 4.175.64 5.579-1.611 1.626-2.61 3.775-3.657 6.513-4.938 1.12-.524 3.034-1.94 4.2-2.115.966-.145 1.893.883 3.184.837 3.098-.113 4.392-4.253 4.023-6.848"/><path d="M130.537 81.834c-2.425-.445-5.807-.074-6.029 3.153-.136 1.978 1.41 3.848 3.082 4.664 5.122 2.5 9.109-6.688 2.947-7.817m9.799-3.676c-.65-.706-1.703-1.24-2.675-.993.31-.214.568-.6.864-.839-3.156-2.286-5.14 3.479-3.346 5.748 2.717 3.44 8.037-.766 5.157-3.916"/></g></g><g fill="#000"><g transform="translate(78 134)"><defs><path d="M35.118 15.128C36.176 24.62 44.226 32 54 32c9.804 0 17.874-7.426 18.892-16.96.082-.767-.775-2.04-1.85-2.04H37.088c-1.08 0-2.075 1.178-1.97 2.128" id="e"/></defs><mask id="f" fill="#fff"><use xlink:href="#e"/></mask><use fill-opacity=".7" xlink:href="#e"/><rect fill="#FFF" mask="url(#f)" x="39" y="2" width="31" height="16" rx="5"/><g mask="url(#f)" fill="#FF4F6D"><g transform="translate(38 24)"><circle cx="11" cy="11" r="11"/><circle cx="21" cy="11" r="11"/></g></g></g><path d="M120 130c0 4.418 5.373 8 12 8s12-3.582 12-8" fill-opacity=".16"/><g transform="translate(76 90)" fill-opacity=".6"><circle cx="30" cy="22" r="6"/><circle cx="82" cy="22" r="6"/></g><path d="M91.63 99.159c3.915-5.51 14.648-8.599 23.893-6.329a2 2 0 0 0 .954-3.884c-10.737-2.636-23.165.941-28.107 7.894a2 2 0 0 0 3.26 2.318m80.74.001c-3.915-5.51-14.648-8.598-23.893-6.328a2 2 0 0 1-.954-3.884c10.737-2.637 23.165.94 28.107 7.893a2 2 0 0 1-3.26 2.318" fill-rule="nonzero" fill-opacity=".6"/></g><defs><path id="g" d="M0 0h264v280H0z"/><path d="M183.68 38.949c5.406-4.95 6.707-14.987 3.638-21.5-3.769-7.995-11.417-8.997-18.746-5.48-6.908 3.315-13.057 4.419-20.622 2.813-7.258-1.541-14.144-4.26-21.647-4.706-12.325-.733-24.3 3.839-32.7 13.053-1.603 1.758-2.894 3.768-4.115 5.805-.976 1.63-2.077 3.38-2.493 5.258-.198.894.17 3.098-.275 3.83-.48.79-2.296 1.515-3.069 2.102-1.567 1.189-2.924 2.53-4.18 4.047-2.666 3.222-4.133 6.587-5.368 10.572-4.102 13.245-4.45 28.998.854 42.004.707 1.734 2.898 5.352 4.186 1.638.255-.734-.334-3.194-.333-3.935.005-2.72 1.506-20.729 8.047-30.817 2.13-3.284 11.973-15.58 13.984-15.68 1.065 1.693 11.88 12.51 39.942 11.242 12.662-.572 22.4-6.26 24.738-8.727 1.028 5.533 12.992 13.816 14.815 17.224 5.267 9.846 6.435 30.304 8.445 30.265s3.453-5.237 3.867-6.23c3.072-7.375 3.595-16.632 3.267-24.559-.427-10.202-4.638-21.226-12.235-28.22" id="k"/></defs><mask id="h" fill="#fff"><use xlink:href="#g"/></mask><g/><g mask="url(#h)"><g transform="translate(-1)"><g transform="translate(49 72)"><defs><path d="M101.428 98.169c-2.513 2.294-5.19 3.325-8.575 2.604-.582-.124-2.957-4.538-8.853-4.538-5.897 0-8.27 4.414-8.853 4.538-3.385.721-6.062-.31-8.576-2.604-4.725-4.313-8.654-10.26-6.293-16.75 1.23-3.382 3.232-7.095 6.873-8.173 3.887-1.15 9.346-.002 13.264-.788 1.27-.254 2.656-.707 3.585-1.458.929.75 2.316 1.204 3.585 1.458 3.918.786 9.376-.362 13.264.788 3.64 1.078 5.642 4.79 6.873 8.173 2.361 6.49-1.568 12.437-6.294 16.75M140.081 26c-3.41 8.4-2.093 18.858-2.724 27.676-.513 7.167-2.02 17.91-8.384 22.539-3.255 2.367-9.179 6.345-13.431 5.235-2.927-.764-3.24-9.16-7.087-12.303-4.363-3.565-9.812-5.131-15.306-4.89-2.37.105-7.165.08-9.15 1.903-1.983-1.823-6.777-1.798-9.148-1.902-5.494-.242-10.943 1.324-15.306 4.889-3.847 3.143-4.16 11.54-7.087 12.303-4.252 1.11-10.176-2.868-13.431-5.235-6.365-4.63-7.87-15.372-8.384-22.54-.63-8.817.686-19.275-2.724-27.675-1.66 0-.565 16.129-.565 16.129v20.356c.032 15.288 9.581 38.17 30.754 46.908C63.286 111.53 75.015 115 84 115s20.714-3.14 25.892-5.277c21.173-8.737 30.722-31.95 30.754-47.238V42.13S141.74 26 140.081 26" id="i"/></defs><mask id="j" fill="#fff"><use xlink:href="#i"/></mask><use fill="#331B0C" xlink:href="#i"/><g mask="url(#j)" fill="#724133"><path d="M-32 0h264v244H-32z"/></g></g><mask id="l" fill="#fff"><use xlink:href="#k"/></mask><use fill="#28354B" xlink:href="#k"/><g mask="url(#l)" fill="#B58143"><path d="M0 0h264v280H0z"/></g><g transform="translate(62 85)"><defs><filter x="-.8%" y="-2.4%" width="101.5%" height="109.8%" filterUnits="objectBoundingBox" id="m"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowOffsetOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(#m)" transform="translate(6 7)" fill="#252C2F" fill-rule="nonzero"><path d="M34 41h-2.758C17.315 41 9 33.336 9 20.5 9 10.127 10.817 0 32.53 0h2.94C57.183 0 59 10.127 59 20.5 59 32.569 48.721 41 34 41M32.385 6C13 6 13 12.841 13 21.502 13 28.572 16.116 37 30.97 37H34c12.365 0 21-6.373 21-15.498C55 12.84 55 6 35.615 6zM96 41h-2.758C79.315 41 71 33.336 71 20.5 71 10.127 72.817 0 94.53 0h2.94C119.183 0 121 10.127 121 20.5 121 32.569 110.721 41 96 41M94.385 6C75 6 75 12.841 75 21.502 75 28.572 78.12 37 92.97 37H96c12.365 0 21-6.373 21-15.498C117 12.84 117 6 97.615 6z"/><path d="M2.955 5.772C3.645 5.096 11.21 0 32.5 0c17.851 0 21.63 1.853 27.35 4.652l.419.207c.398.14 2.431.83 4.81.907a17 17 0 0 0 4.563-.869C76.17 1.722 82.562 0 97.5 0c21.29 0 28.854 5.096 29.545 5.772 1.634 0 2.955 1.29 2.955 2.885v2.886c0 1.596-1.32 2.886-2.955 2.886 0 0-6.901 0-6.901 2.886 0 2.885-1.962-4.176-1.962-5.772v-2.81c-3.603-1.38-10.054-3.947-20.682-3.947-11.842 0-17.739 2.1-22.798 4.185l.057.137-.003 1.986-2.217 5.35L69.8 15.36c-.244-.097-.772-.27-1.504-.451-2.04-.503-4.137-.656-5.992-.276q-1.021.21-1.891.633l-2.643 1.29-2.643-5.16.117-2.295.08-.195c-4.362-2.033-8.385-4.12-22.824-4.12-10.628 0-17.078 2.565-20.682 3.944v2.812c0 1.596-2.954 8.657-2.954 5.772 0-2.886-5.91-2.886-5.91-2.886-1.63 0-2.954-1.29-2.954-2.886V8.657c0-1.595 1.324-2.885 2.955-2.885"/></g></g></g></g></g></g></svg>


--------------------------------------------------------------------------------
/Avatars/professional.html:
--------------------------------------------------------------------------------
1 | 
2 | <svg width="264px" height="280px" viewBox="0 0 264 280" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with getavataaars.com</desc><defs><circle id="react-path-1" cx="120" cy="120" r="120"></circle><path d="M12,160 C12,226.27417 65.72583,280 132,280 C198.27417,280 252,226.27417 252,160 L264,160 L264,-1.42108547e-14 L-3.19744231e-14,-1.42108547e-14 L-3.19744231e-14,160 L12,160 Z" id="react-path-2"></path><path d="M124,144.610951 L124,163 L128,163 L128,163 C167.764502,163 200,195.235498 200,235 L200,244 L0,244 L0,235 C-4.86974701e-15,195.235498 32.235498,163 72,163 L72,163 L76,163 L76,144.610951 C58.7626345,136.422372 46.3722246,119.687011 44.3051388,99.8812385 C38.4803105,99.0577866 34,94.0521096 34,88 L34,74 C34,68.0540074 38.3245733,63.1180731 44,62.1659169 L44,56 L44,56 C44,25.072054 69.072054,5.68137151e-15 100,0 L100,0 L100,0 C130.927946,-5.68137151e-15 156,25.072054 156,56 L156,62.1659169 C161.675427,63.1180731 166,68.0540074 166,74 L166,88 C166,94.0521096 161.51969,99.0577866 155.694861,99.8812385 C153.627775,119.687011 141.237365,136.422372 124,144.610951 Z" id="react-path-3"></path></defs><g id="Avataaar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-825.000000, -1100.000000)" id="Avataaar/Circle"><g transform="translate(825.000000, 1100.000000)"><g id="Mask"></g><g id="Avataaar" stroke-width="1" fill-rule="evenodd" mask="url(#react-mask-5)"><g id="Body" transform="translate(32.000000, 36.000000)"><mask id="react-mask-6" fill="white"><use xlink:href="#react-path-3"></use></mask><use fill="#D0C6AC" xlink:href="#react-path-3"></use><g id="Skin/👶🏽-03-Brown" mask="url(#react-mask-6)" fill="#FFDBB4"><g transform="translate(0.000000, 0.000000)" id="Color"><rect x="0" y="0" width="264" height="280"></rect></g></g><path d="M156,79 L156,102 C156,132.927946 130.927946,158 100,158 C69.072054,158 44,132.927946 44,102 L44,79 L44,94 C44,124.927946 69.072054,150 100,150 C130.927946,150 156,124.927946 156,94 L156,79 Z" id="Neck-Shadow" fill-opacity="0.100000001" fill="#000000" mask="url(#react-mask-6)"></path></g><g id="Clothing/Collar-+-Sweater" transform="translate(0.000000, 170.000000)"><defs><path d="M105.192402,29.0517235 L104,29.0517235 L104,29.0517235 C64.235498,29.0517235 32,61.2872215 32,101.051724 L32,110 L232,110 L232,101.051724 C232,61.2872215 199.764502,29.0517235 160,29.0517235 L160,29.0517235 L158.807598,29.0517235 C158.934638,30.0353144 159,31.0364513 159,32.0517235 C159,45.8588423 146.911688,57.0517235 132,57.0517235 C117.088312,57.0517235 105,45.8588423 105,32.0517235 C105,31.0364513 105.065362,30.0353144 105.192402,29.0517235 Z" id="react-path-25"></path></defs><mask id="react-mask-26" fill="white"><use xlink:href="#react-path-25"></use></mask><use id="Clothes" fill="#E6E6E6" fill-rule="evenodd" xlink:href="#react-path-25"></use><g id="Color/Palette/Gray-01" mask="url(#react-mask-26)" fill-rule="evenodd" fill="#25557C"><rect id="🖍Color" x="0" y="0" width="264" height="110"></rect></g><path d="M156,22.2794906 C162.181647,26.8351858 166,33.1057265 166,40.027915 C166,47.2334941 161.862605,53.7329769 155.228997,58.3271669 L149.57933,53.8764929 L145,54.207887 L146,51.0567821 L145.922229,50.995516 C152.022491,47.8530505 156,42.7003578 156,36.8768102 L156,22.2794906 Z M108,21.5714994 C101.232748,26.1740081 97,32.7397769 97,40.027915 C97,47.4261549 101.361602,54.080035 108.308428,58.6915723 L114.42067,53.8764929 L119,54.207887 L118,51.0567821 L118.077771,50.995516 C111.977509,47.8530505 108,42.7003578 108,36.8768102 L108,21.5714994 Z" id="Collar" fill="#F2F2F2" fill-rule="evenodd"></path></g><g id="Face" transform="translate(76.000000, 82.000000)" fill="#000000"><g id="Mouth/Smile" transform="translate(2.000000, 52.000000)"><defs><path d="M35.117844,15.1280772 C36.1757121,24.6198025 44.2259873,32 54,32 C63.8042055,32 71.8740075,24.574136 72.8917593,15.0400546 C72.9736685,14.272746 72.1167429,13 71.042767,13 C56.1487536,13 44.7379213,13 37.0868244,13 C36.0066168,13 35.0120058,14.1784435 35.117844,15.1280772 Z" id="react-path-107"></path></defs><mask id="react-mask-108" fill="white"><use xlink:href="#react-path-107"></use></mask><use id="Mouth" fill-opacity="0.699999988" fill="#000000" fill-rule="evenodd" xlink:href="#react-path-107"></use><rect id="Teeth" fill="#FFFFFF" fill-rule="evenodd" mask="url(#react-mask-108)" x="39" y="2" width="31" height="16" rx="5"></rect><g id="Tongue" stroke-width="1" fill-rule="evenodd" mask="url(#react-mask-108)" fill="#FF4F6D"><g transform="translate(38.000000, 24.000000)"><circle cx="11" cy="11" r="11"></circle><circle cx="21" cy="11" r="11"></circle></g></g></g><g id="Nose/Default" transform="translate(28.000000, 40.000000)" fill-opacity="0.16"><path d="M16,8 C16,12.418278 21.372583,16 28,16 L28,16 C34.627417,16 40,12.418278 40,8" id="Nose"></path></g><g id="Eyes/Default-😀" transform="translate(0.000000, 8.000000)" fill-opacity="0.599999964"><circle id="Eye" cx="30" cy="22" r="6"></circle><circle id="Eye" cx="82" cy="22" r="6"></circle></g><g id="Eyebrow/Outline/Default" fill-opacity="0.599999964"><g id="I-Browse" transform="translate(12.000000, 6.000000)"><path d="M3.63024536,11.1585767 C7.54515501,5.64986673 18.2779197,2.56083721 27.5230268,4.83118046 C28.5957248,5.0946055 29.6788665,4.43856013 29.9422916,3.36586212 C30.2057166,2.2931641 29.5496712,1.21002236 28.4769732,0.94659732 C17.7403633,-1.69001789 5.31209962,1.88699832 0.369754639,8.84142326 C-0.270109626,9.74178291 -0.0589363917,10.9903811 0.84142326,11.6302454 C1.74178291,12.2701096 2.9903811,12.0589364 3.63024536,11.1585767 Z" id="Eyebrow" fill-rule="nonzero"></path><path d="M61.6302454,11.1585767 C65.545155,5.64986673 76.2779197,2.56083721 85.5230268,4.83118046 C86.5957248,5.0946055 87.6788665,4.43856013 87.9422916,3.36586212 C88.2057166,2.2931641 87.5496712,1.21002236 86.4769732,0.94659732 C75.7403633,-1.69001789 63.3120996,1.88699832 58.3697546,8.84142326 C57.7298904,9.74178291 57.9410636,10.9903811 58.8414233,11.6302454 C59.7417829,12.2701096 60.9903811,12.0589364 61.6302454,11.1585767 Z" id="Eyebrow" fill-rule="nonzero" transform="translate(73.000154, 6.039198) scale(-1, 1) translate(-73.000154, -6.039198) "></path></g></g></g><g id="Top" stroke-width="1" fill-rule="evenodd"><defs><rect id="react-path-99" x="0" y="0" width="264" height="280"></rect><path d="M183.679824,38.9488198 C189.086072,33.9985622 190.387393,23.9615454 187.317704,17.4493246 C183.549263,9.45385312 175.901319,8.45217737 168.572342,11.9686703 C161.664469,15.2835661 155.515175,16.3878671 147.950196,14.7817319 C140.691624,13.2406923 133.805566,10.5226172 126.303388,10.0762471 C113.978028,9.34292483 102.003367,13.914565 93.6031232,23.1292512 C92.0003538,24.8871655 90.7089493,26.8971594 89.4882796,28.9343872 C88.5115454,30.5644351 87.4105298,32.3133822 86.9950459,34.1921885 C86.7973853,35.0855929 87.165272,37.2898774 86.7203704,38.0218712 C86.2391099,38.8123183 84.4244668,39.5373375 83.6510124,40.1238625 C82.0842713,41.3125222 80.7267597,42.6539573 79.4713836,44.1710842 C76.8052796,47.3926541 75.3376994,50.7577001 74.1034777,54.7428152 C70.0005333,67.9877849 69.6528094,83.7412616 74.9569218,96.7467724 C75.6639385,98.4811062 77.8550622,102.098564 79.1431613,98.3847912 C79.3976741,97.6508047 78.8086588,95.1907873 78.8099809,94.4501584 C78.8146084,91.7300906 80.3160587,73.7213568 86.857084,63.6330196 C88.9862338,60.3491948 98.8298903,48.0522456 100.840541,47.9536058 C101.9058,49.6464245 112.720532,60.4624529 140.783385,59.1948919 C153.445253,58.6229725 163.18265,52.9341181 165.520833,50.4680909 C166.549375,56.0008881 178.51323,64.2839965 180.33625,67.6921976 C185.602529,77.5376948 186.770677,97.9957204 188.780988,97.9573368 C190.791299,97.9189532 192.234429,92.7197798 192.647929,91.7270713 C195.719601,84.351669 196.242509,75.0948338 195.914948,67.1684434 C195.487565,56.9663626 191.276535,45.9419513 183.679824,38.9488198 Z" id="react-path-98"></path><filter x="-0.8%" y="-2.0%" width="101.5%" height="108.0%" filterUnits="objectBoundingBox" id="react-filter-95"><feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset><feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.16 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix><feMerge><feMergeNode in="shadowMatrixOuter1"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><mask id="react-mask-97" fill="white"><use xlink:href="#react-path-99"></use></mask><g id="Mask"></g><g id="Top/Short-Hair/Short-Waved" mask="url(#react-mask-97)"><g transform="translate(-1.000000, 0.000000)"><g id="Facial-Hair/Beard-Light" transform="translate(49.000000, 72.000000)"><defs><path d="M101.428403,98.1685688 C98.9148372,100.462621 96.23722,101.494309 92.8529444,100.772863 C92.2705777,100.648833 89.8963391,96.2345713 83.9998344,96.2345713 C78.1033297,96.2345713 75.7294253,100.648833 75.1467245,100.772863 C71.7624488,101.494309 69.0848316,100.462621 66.5712661,98.1685688 C61.8461772,93.855604 57.9166219,87.9081858 60.2778299,81.4191814 C61.5083844,78.0369425 63.5097479,74.3237342 67.1506257,73.2459109 C71.0384163,72.0955419 76.4968931,73.2439051 80.4147542,72.4582708 C81.6840664,72.2035248 83.0706538,71.7508657 83.9998344,71 C84.929015,71.7508657 86.3159365,72.2035248 87.5845805,72.4582708 C91.5027758,73.2439051 96.9612525,72.0955419 100.849043,73.2459109 C104.489921,74.3237342 106.491284,78.0369425 107.722173,81.4191814 C110.083381,87.9081858 106.153826,93.855604 101.428403,98.1685688 M140.081033,26 C136.670693,34.4002532 137.987774,44.8580348 137.356666,53.6758724 C136.844038,60.8431942 135.33712,71.5857526 128.972858,76.214531 C125.718361,78.5816138 119.79436,82.5598986 115.54187,81.4501943 C112.614539,80.6863848 112.302182,72.290096 108.455284,69.1469801 C104.09172,65.5823153 98.6429854,64.0160432 93.1491481,64.2578722 C90.7785381,64.3622683 85.9841367,64.3374908 83.9999331,66.1604584 C82.0157295,64.3374908 77.2216647,64.3622683 74.8510547,64.2578722 C69.3568808,64.0160432 63.9081467,65.5823153 59.5445817,69.1469801 C55.6976839,72.290096 55.3856641,80.6863848 52.4583326,81.4501943 C48.2058427,82.5598986 42.2818421,78.5816138 39.0270077,76.214531 C32.6624096,71.5857526 31.1561652,60.8431942 30.642864,53.6758724 C30.0120926,44.8580348 31.3291729,34.4002532 27.9188335,26 C26.2597768,26 27.3540339,42.1288693 27.3540339,42.1288693 L27.3540339,62.4851205 C27.3856735,77.7732046 36.935095,100.655445 58.1080116,109.393004 C63.2861266,111.52982 75.0153111,115 83.9999331,115 C92.9845551,115 104.71374,111.860188 109.891855,109.723371 C131.064771,100.985813 140.614193,77.7732046 140.646169,62.4851205 L140.646169,42.1288693 C140.646169,42.1288693 141.740089,26 140.081033,26" id="react-path-116"></path></defs><mask id="react-mask-115" fill="white"><use xlink:href="#react-path-116"></use></mask><use id="Lite-Beard" fill="#331B0C" fill-rule="evenodd" xlink:href="#react-path-116"></use><g id="Color/Hair/Brown" mask="url(#react-mask-115)" fill="#724133"><g transform="translate(-32.000000, 0.000000)" id="Color"><rect x="0" y="0" width="264" height="244"></rect></g></g></g><mask id="react-mask-96" fill="white"><use xlink:href="#react-path-98"></use></mask><use id="Short-Hair" stroke="none" fill="#28354B" fill-rule="evenodd" xlink:href="#react-path-98"></use><g id="Skin/👶🏽-03-Brown" mask="url(#react-mask-96)" fill="#B58143"><g transform="translate(0.000000, 0.000000) " id="Color"><rect x="0" y="0" width="264" height="280"></rect></g></g><g id="Top/_Resources/Prescription-02" fill="none" transform="translate(62.000000, 85.000000)" stroke-width="1"><defs><filter x="-0.8%" y="-2.4%" width="101.5%" height="109.8%" filterUnits="objectBoundingBox" id="react-filter-100"><feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset><feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix><feMerge><feMergeNode in="shadowMatrixOuter1"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><g id="Wayfarers" filter="url(#react-filter-100)" transform="translate(6.000000, 7.000000)" fill="#252C2F"><path d="M34,41 L31.2421498,41 C17.3147125,41 9,33.3359286 9,20.5 C9,10.127 10.8170058,0 32.5299306,0 L35.4700694,0 C57.1829942,0 59,10.127 59,20.5 C59,32.5686429 48.7212748,41 34,41 Z M32.3853606,6 C13,6 13,12.8410159 13,21.5015498 C13,28.5719428 16.116254,37 30.9709365,37 L34,37 C46.3649085,37 55,30.6270373 55,21.5015498 C55,12.8410159 55,6 35.6146394,6 L32.3853606,6 Z" id="Left" fill-rule="nonzero"></path><path d="M96,41 L93.2421498,41 C79.3147125,41 71,33.3359286 71,20.5 C71,10.127 72.8170058,0 94.5299306,0 L97.4700694,0 C119.182994,0 121,10.127 121,20.5 C121,32.5686429 110.721275,41 96,41 Z M94.3853606,6 C75,6 75,12.8410159 75,21.5015498 C75,28.5719428 78.1194833,37 92.9709365,37 L96,37 C108.364909,37 117,30.6270373 117,21.5015498 C117,12.8410159 117,6 97.6146394,6 L94.3853606,6 Z" id="Right" fill-rule="nonzero"></path><path d="M2.95454545,5.77156439 C3.64590909,5.09629136 11.2095455,0 32.5,0 C50.3513636,0 54.1302273,1.85267217 59.8502273,4.6518809 L60.2689233,4.85850899 C60.6666014,4.99901896 62.7002447,5.68982981 65.0790606,5.76579519 C67.2462948,5.67278567 69.1000195,5.08540191 69.641698,4.89719767 C76.1703915,1.7220864 82.5610971,0 97.5,0 C118.790455,0 126.354091,5.09629136 127.045455,5.77156439 C128.679318,5.77156439 130,7.06150904 130,8.65734659 L130,11.5431288 C130,13.1389663 128.679318,14.428911 127.045455,14.428911 C127.045455,14.428911 120.143997,14.428911 120.143997,17.3146932 C120.143997,20.2004754 118.181818,13.1389663 118.181818,11.5431288 L118.181818,8.73240251 C114.578575,7.35340151 108.128411,4.78617535 97.5,4.78617535 C85.6584651,4.78617535 79.7610984,6.88602813 74.7022935,8.97112368 L74.7588636,9.10752861 L74.7563667,11.0937608 L72.5391666,16.4436339 L69.8004908,15.3608351 C69.5558969,15.2641292 69.0281396,15.090392 68.2963505,14.9099044 C66.256272,14.4067419 64.1589087,14.253569 62.3040836,14.6343084 C61.6235903,14.7739931 60.9922286,14.9836085 60.4128127,15.266732 L57.7704824,16.5578701 L55.1266751,11.3962031 L55.2440909,9.10175705 L55.3248203,8.90683855 C50.9620526,6.87386374 46.9392639,4.78617535 32.5,4.78617535 C21.8721459,4.78617535 15.422131,7.3524397 11.8181818,8.7314671 L11.8181818,11.5431288 C11.8181818,13.1389663 8.86363636,20.2004754 8.86363636,17.3146932 C8.86363636,14.428911 2.95454545,14.428911 2.95454545,14.428911 C1.32363636,14.428911 0,13.1389663 0,11.5431288 L0,8.65734659 C0,7.06150904 1.32363636,5.77156439 2.95454545,5.77156439 Z" id="Stuff" fill-rule="nonzero"></path></g></g></g></g></g></g></g></g></g></svg>
3 | 


--------------------------------------------------------------------------------
/Avatars/relaxed.html:
--------------------------------------------------------------------------------
1 | 
2 | <svg width="264px" height="280px" viewBox="0 0 264 280" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with getavataaars.com</desc><defs><circle id="react-path-1" cx="120" cy="120" r="120"></circle><path d="M12,160 C12,226.27417 65.72583,280 132,280 C198.27417,280 252,226.27417 252,160 L264,160 L264,-1.42108547e-14 L-3.19744231e-14,-1.42108547e-14 L-3.19744231e-14,160 L12,160 Z" id="react-path-2"></path><path d="M124,144.610951 L124,163 L128,163 L128,163 C167.764502,163 200,195.235498 200,235 L200,244 L0,244 L0,235 C-4.86974701e-15,195.235498 32.235498,163 72,163 L72,163 L76,163 L76,144.610951 C58.7626345,136.422372 46.3722246,119.687011 44.3051388,99.8812385 C38.4803105,99.0577866 34,94.0521096 34,88 L34,74 C34,68.0540074 38.3245733,63.1180731 44,62.1659169 L44,56 L44,56 C44,25.072054 69.072054,5.68137151e-15 100,0 L100,0 L100,0 C130.927946,-5.68137151e-15 156,25.072054 156,56 L156,62.1659169 C161.675427,63.1180731 166,68.0540074 166,74 L166,88 C166,94.0521096 161.51969,99.0577866 155.694861,99.8812385 C153.627775,119.687011 141.237365,136.422372 124,144.610951 Z" id="react-path-3"></path></defs><g id="Avataaar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-825.000000, -1100.000000)" id="Avataaar/Circle"><g transform="translate(825.000000, 1100.000000)"><g id="Mask"></g><g id="Avataaar" stroke-width="1" fill-rule="evenodd" mask="url(#react-mask-5)"><g id="Body" transform="translate(32.000000, 36.000000)"><mask id="react-mask-6" fill="white"><use xlink:href="#react-path-3"></use></mask><use fill="#D0C6AC" xlink:href="#react-path-3"></use><g id="Skin/👶🏽-03-Brown" mask="url(#react-mask-6)" fill="#FFDBB4"><g transform="translate(0.000000, 0.000000)" id="Color"><rect x="0" y="0" width="264" height="280"></rect></g></g><path d="M156,79 L156,102 C156,132.927946 130.927946,158 100,158 C69.072054,158 44,132.927946 44,102 L44,79 L44,94 C44,124.927946 69.072054,150 100,150 C130.927946,150 156,124.927946 156,94 L156,79 Z" id="Neck-Shadow" fill-opacity="0.100000001" fill="#000000" mask="url(#react-mask-6)"></path></g><g id="Clothing/Hoodie" transform="translate(0.000000, 170.000000)"><defs><path d="M108,13.0708856 C90.0813006,15.075938 76.2798424,20.5518341 76.004203,34.6449676 C50.1464329,45.5680933 32,71.1646257 32,100.999485 L32,100.999485 L32,110 L232,110 L232,100.999485 C232,71.1646257 213.853567,45.5680933 187.995797,34.6449832 C187.720158,20.5518341 173.918699,15.075938 156,13.0708856 L156,32 L156,32 C156,45.254834 145.254834,56 132,56 L132,56 C118.745166,56 108,45.254834 108,32 L108,13.0708856 Z" id="react-path-123"></path></defs><mask id="react-mask-124" fill="white"><use xlink:href="#react-path-123"></use></mask><use id="Hoodie" fill="#B7C1DB" fill-rule="evenodd" xlink:href="#react-path-123"></use><g id="Color/Palette/Gray-01" mask="url(#react-mask-124)" fill-rule="evenodd" fill="#3C4F5C"><rect id="🖍Color" x="0" y="0" width="264" height="110"></rect></g><path d="M102,61.7390531 L102,110 L95,110 L95,58.1502625 C97.2037542,59.4600576 99.5467694,60.6607878 102,61.7390531 Z M169,58.1502625 L169,98.5 C169,100.432997 167.432997,102 165.5,102 C163.567003,102 162,100.432997 162,98.5 L162,61.7390531 C164.453231,60.6607878 166.796246,59.4600576 169,58.1502625 Z" id="Straps" fill="#F4F4F4" fill-rule="evenodd" mask="url(#react-mask-124)"></path><path d="M90.9601329,12.7243537 C75.9093095,15.5711782 65.5,21.2428847 65.5,32.3076923 C65.5,52.0200095 98.5376807,68 132,68 C165.462319,68 198.5,52.0200095 198.5,32.3076923 C198.5,21.2428847 188.09069,15.5711782 173.039867,12.7243537 C182.124921,16.0744598 188,21.7060546 188,31.0769231 C188,51.4689754 160.178795,68 132,68 C103.821205,68 76,51.4689754 76,31.0769231 C76,21.7060546 81.8750795,16.0744598 90.9601329,12.7243537 Z" id="Shadow" fill-opacity="0.16" fill="#000000" fill-rule="evenodd" mask="url(#react-mask-124)"></path></g><g id="Face" transform="translate(76.000000, 82.000000)" fill="#000000"><g id="Mouth/Smile" transform="translate(2.000000, 52.000000)"><defs><path d="M35.117844,15.1280772 C36.1757121,24.6198025 44.2259873,32 54,32 C63.8042055,32 71.8740075,24.574136 72.8917593,15.0400546 C72.9736685,14.272746 72.1167429,13 71.042767,13 C56.1487536,13 44.7379213,13 37.0868244,13 C36.0066168,13 35.0120058,14.1784435 35.117844,15.1280772 Z" id="react-path-107"></path></defs><mask id="react-mask-108" fill="white"><use xlink:href="#react-path-107"></use></mask><use id="Mouth" fill-opacity="0.699999988" fill="#000000" fill-rule="evenodd" xlink:href="#react-path-107"></use><rect id="Teeth" fill="#FFFFFF" fill-rule="evenodd" mask="url(#react-mask-108)" x="39" y="2" width="31" height="16" rx="5"></rect><g id="Tongue" stroke-width="1" fill-rule="evenodd" mask="url(#react-mask-108)" fill="#FF4F6D"><g transform="translate(38.000000, 24.000000)"><circle cx="11" cy="11" r="11"></circle><circle cx="21" cy="11" r="11"></circle></g></g></g><g id="Nose/Default" transform="translate(28.000000, 40.000000)" fill-opacity="0.16"><path d="M16,8 C16,12.418278 21.372583,16 28,16 L28,16 C34.627417,16 40,12.418278 40,8" id="Nose"></path></g><g id="Eyes/Default-😀" transform="translate(0.000000, 8.000000)" fill-opacity="0.599999964"><circle id="Eye" cx="30" cy="22" r="6"></circle><circle id="Eye" cx="82" cy="22" r="6"></circle></g><g id="Eyebrow/Outline/Default" fill-opacity="0.599999964"><g id="I-Browse" transform="translate(12.000000, 6.000000)"><path d="M3.63024536,11.1585767 C7.54515501,5.64986673 18.2779197,2.56083721 27.5230268,4.83118046 C28.5957248,5.0946055 29.6788665,4.43856013 29.9422916,3.36586212 C30.2057166,2.2931641 29.5496712,1.21002236 28.4769732,0.94659732 C17.7403633,-1.69001789 5.31209962,1.88699832 0.369754639,8.84142326 C-0.270109626,9.74178291 -0.0589363917,10.9903811 0.84142326,11.6302454 C1.74178291,12.2701096 2.9903811,12.0589364 3.63024536,11.1585767 Z" id="Eyebrow" fill-rule="nonzero"></path><path d="M61.6302454,11.1585767 C65.545155,5.64986673 76.2779197,2.56083721 85.5230268,4.83118046 C86.5957248,5.0946055 87.6788665,4.43856013 87.9422916,3.36586212 C88.2057166,2.2931641 87.5496712,1.21002236 86.4769732,0.94659732 C75.7403633,-1.69001789 63.3120996,1.88699832 58.3697546,8.84142326 C57.7298904,9.74178291 57.9410636,10.9903811 58.8414233,11.6302454 C59.7417829,12.2701096 60.9903811,12.0589364 61.6302454,11.1585767 Z" id="Eyebrow" fill-rule="nonzero" transform="translate(73.000154, 6.039198) scale(-1, 1) translate(-73.000154, -6.039198) "></path></g></g></g><g id="Top" stroke-width="1" fill-rule="evenodd"><defs><rect id="react-path-99" x="0" y="0" width="264" height="280"></rect><path d="M183.679824,38.9488198 C189.086072,33.9985622 190.387393,23.9615454 187.317704,17.4493246 C183.549263,9.45385312 175.901319,8.45217737 168.572342,11.9686703 C161.664469,15.2835661 155.515175,16.3878671 147.950196,14.7817319 C140.691624,13.2406923 133.805566,10.5226172 126.303388,10.0762471 C113.978028,9.34292483 102.003367,13.914565 93.6031232,23.1292512 C92.0003538,24.8871655 90.7089493,26.8971594 89.4882796,28.9343872 C88.5115454,30.5644351 87.4105298,32.3133822 86.9950459,34.1921885 C86.7973853,35.0855929 87.165272,37.2898774 86.7203704,38.0218712 C86.2391099,38.8123183 84.4244668,39.5373375 83.6510124,40.1238625 C82.0842713,41.3125222 80.7267597,42.6539573 79.4713836,44.1710842 C76.8052796,47.3926541 75.3376994,50.7577001 74.1034777,54.7428152 C70.0005333,67.9877849 69.6528094,83.7412616 74.9569218,96.7467724 C75.6639385,98.4811062 77.8550622,102.098564 79.1431613,98.3847912 C79.3976741,97.6508047 78.8086588,95.1907873 78.8099809,94.4501584 C78.8146084,91.7300906 80.3160587,73.7213568 86.857084,63.6330196 C88.9862338,60.3491948 98.8298903,48.0522456 100.840541,47.9536058 C101.9058,49.6464245 112.720532,60.4624529 140.783385,59.1948919 C153.445253,58.6229725 163.18265,52.9341181 165.520833,50.4680909 C166.549375,56.0008881 178.51323,64.2839965 180.33625,67.6921976 C185.602529,77.5376948 186.770677,97.9957204 188.780988,97.9573368 C190.791299,97.9189532 192.234429,92.7197798 192.647929,91.7270713 C195.719601,84.351669 196.242509,75.0948338 195.914948,67.1684434 C195.487565,56.9663626 191.276535,45.9419513 183.679824,38.9488198 Z" id="react-path-98"></path><filter x="-0.8%" y="-2.0%" width="101.5%" height="108.0%" filterUnits="objectBoundingBox" id="react-filter-95"><feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset><feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.16 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix><feMerge><feMergeNode in="shadowMatrixOuter1"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><mask id="react-mask-97" fill="white"><use xlink:href="#react-path-99"></use></mask><g id="Mask"></g><g id="Top/Short-Hair/Short-Waved" mask="url(#react-mask-97)"><g transform="translate(-1.000000, 0.000000)"><g id="Facial-Hair/Beard-Light" transform="translate(49.000000, 72.000000)"><defs><path d="M101.428403,98.1685688 C98.9148372,100.462621 96.23722,101.494309 92.8529444,100.772863 C92.2705777,100.648833 89.8963391,96.2345713 83.9998344,96.2345713 C78.1033297,96.2345713 75.7294253,100.648833 75.1467245,100.772863 C71.7624488,101.494309 69.0848316,100.462621 66.5712661,98.1685688 C61.8461772,93.855604 57.9166219,87.9081858 60.2778299,81.4191814 C61.5083844,78.0369425 63.5097479,74.3237342 67.1506257,73.2459109 C71.0384163,72.0955419 76.4968931,73.2439051 80.4147542,72.4582708 C81.6840664,72.2035248 83.0706538,71.7508657 83.9998344,71 C84.929015,71.7508657 86.3159365,72.2035248 87.5845805,72.4582708 C91.5027758,73.2439051 96.9612525,72.0955419 100.849043,73.2459109 C104.489921,74.3237342 106.491284,78.0369425 107.722173,81.4191814 C110.083381,87.9081858 106.153826,93.855604 101.428403,98.1685688 M140.081033,26 C136.670693,34.4002532 137.987774,44.8580348 137.356666,53.6758724 C136.844038,60.8431942 135.33712,71.5857526 128.972858,76.214531 C125.718361,78.5816138 119.79436,82.5598986 115.54187,81.4501943 C112.614539,80.6863848 112.302182,72.290096 108.455284,69.1469801 C104.09172,65.5823153 98.6429854,64.0160432 93.1491481,64.2578722 C90.7785381,64.3622683 85.9841367,64.3374908 83.9999331,66.1604584 C82.0157295,64.3374908 77.2216647,64.3622683 74.8510547,64.2578722 C69.3568808,64.0160432 63.9081467,65.5823153 59.5445817,69.1469801 C55.6976839,72.290096 55.3856641,80.6863848 52.4583326,81.4501943 C48.2058427,82.5598986 42.2818421,78.5816138 39.0270077,76.214531 C32.6624096,71.5857526 31.1561652,60.8431942 30.642864,53.6758724 C30.0120926,44.8580348 31.3291729,34.4002532 27.9188335,26 C26.2597768,26 27.3540339,42.1288693 27.3540339,42.1288693 L27.3540339,62.4851205 C27.3856735,77.7732046 36.935095,100.655445 58.1080116,109.393004 C63.2861266,111.52982 75.0153111,115 83.9999331,115 C92.9845551,115 104.71374,111.860188 109.891855,109.723371 C131.064771,100.985813 140.614193,77.7732046 140.646169,62.4851205 L140.646169,42.1288693 C140.646169,42.1288693 141.740089,26 140.081033,26" id="react-path-116"></path></defs><mask id="react-mask-115" fill="white"><use xlink:href="#react-path-116"></use></mask><use id="Lite-Beard" fill="#331B0C" fill-rule="evenodd" xlink:href="#react-path-116"></use><g id="Color/Hair/Brown" mask="url(#react-mask-115)" fill="#724133"><g transform="translate(-32.000000, 0.000000)" id="Color"><rect x="0" y="0" width="264" height="244"></rect></g></g></g><mask id="react-mask-96" fill="white"><use xlink:href="#react-path-98"></use></mask><use id="Short-Hair" stroke="none" fill="#28354B" fill-rule="evenodd" xlink:href="#react-path-98"></use><g id="Skin/👶🏽-03-Brown" mask="url(#react-mask-96)" fill="#B58143"><g transform="translate(0.000000, 0.000000) " id="Color"><rect x="0" y="0" width="264" height="280"></rect></g></g><g id="Top/_Resources/Prescription-02" fill="none" transform="translate(62.000000, 85.000000)" stroke-width="1"><defs><filter x="-0.8%" y="-2.4%" width="101.5%" height="109.8%" filterUnits="objectBoundingBox" id="react-filter-100"><feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset><feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowOffsetOuter1" result="shadowMatrixOuter1"></feColorMatrix><feMerge><feMergeNode in="shadowMatrixOuter1"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><g id="Wayfarers" filter="url(#react-filter-100)" transform="translate(6.000000, 7.000000)" fill="#252C2F"><path d="M34,41 L31.2421498,41 C17.3147125,41 9,33.3359286 9,20.5 C9,10.127 10.8170058,0 32.5299306,0 L35.4700694,0 C57.1829942,0 59,10.127 59,20.5 C59,32.5686429 48.7212748,41 34,41 Z M32.3853606,6 C13,6 13,12.8410159 13,21.5015498 C13,28.5719428 16.116254,37 30.9709365,37 L34,37 C46.3649085,37 55,30.6270373 55,21.5015498 C55,12.8410159 55,6 35.6146394,6 L32.3853606,6 Z" id="Left" fill-rule="nonzero"></path><path d="M96,41 L93.2421498,41 C79.3147125,41 71,33.3359286 71,20.5 C71,10.127 72.8170058,0 94.5299306,0 L97.4700694,0 C119.182994,0 121,10.127 121,20.5 C121,32.5686429 110.721275,41 96,41 Z M94.3853606,6 C75,6 75,12.8410159 75,21.5015498 C75,28.5719428 78.1194833,37 92.9709365,37 L96,37 C108.364909,37 117,30.6270373 117,21.5015498 C117,12.8410159 117,6 97.6146394,6 L94.3853606,6 Z" id="Right" fill-rule="nonzero"></path><path d="M2.95454545,5.77156439 C3.64590909,5.09629136 11.2095455,0 32.5,0 C50.3513636,0 54.1302273,1.85267217 59.8502273,4.6518809 L60.2689233,4.85850899 C60.6666014,4.99901896 62.7002447,5.68982981 65.0790606,5.76579519 C67.2462948,5.67278567 69.1000195,5.08540191 69.641698,4.89719767 C76.1703915,1.7220864 82.5610971,0 97.5,0 C118.790455,0 126.354091,5.09629136 127.045455,5.77156439 C128.679318,5.77156439 130,7.06150904 130,8.65734659 L130,11.5431288 C130,13.1389663 128.679318,14.428911 127.045455,14.428911 C127.045455,14.428911 120.143997,14.428911 120.143997,17.3146932 C120.143997,20.2004754 118.181818,13.1389663 118.181818,11.5431288 L118.181818,8.73240251 C114.578575,7.35340151 108.128411,4.78617535 97.5,4.78617535 C85.6584651,4.78617535 79.7610984,6.88602813 74.7022935,8.97112368 L74.7588636,9.10752861 L74.7563667,11.0937608 L72.5391666,16.4436339 L69.8004908,15.3608351 C69.5558969,15.2641292 69.0281396,15.090392 68.2963505,14.9099044 C66.256272,14.4067419 64.1589087,14.253569 62.3040836,14.6343084 C61.6235903,14.7739931 60.9922286,14.9836085 60.4128127,15.266732 L57.7704824,16.5578701 L55.1266751,11.3962031 L55.2440909,9.10175705 L55.3248203,8.90683855 C50.9620526,6.87386374 46.9392639,4.78617535 32.5,4.78617535 C21.8721459,4.78617535 15.422131,7.3524397 11.8181818,8.7314671 L11.8181818,11.5431288 C11.8181818,13.1389663 8.86363636,20.2004754 8.86363636,17.3146932 C8.86363636,14.428911 2.95454545,14.428911 2.95454545,14.428911 C1.32363636,14.428911 0,13.1389663 0,11.5431288 L0,8.65734659 C0,7.06150904 1.32363636,5.77156439 2.95454545,5.77156439 Z" id="Stuff" fill-rule="nonzero"></path></g></g></g></g></g></g></g></g></g></svg>
3 | 


--------------------------------------------------------------------------------