-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathavatars.html
28 lines (22 loc) · 10.2 KB
/
avatars.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<!-- https://boringavatars.com/ -->
</head>
<body>
<h2>https://boringavatars.com/<h2>
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Sacagawea" size="80"><mask id="mask__marble" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#fff"></path></mask><g mask="url(#mask__marble)"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#ff6b6b"></path><path filter="url(#prefix__filter0_f)" d="M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z" fill="#c44d58" transform="translate(-2 2) rotate(-346 40 40) scale(1.5)"></path><path filter="url(#prefix__filter0_f)" d="M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z" fill="#556270" transform="translate(7 -7) rotate(159 40 40) scale(1.5)" style="mix-blend-mode: overlay;"></path></g><defs><filter id="prefix__filter0_f" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="7" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs></svg>
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Fabiola Cabeza" size="80"><mask id="mask__marble" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#fff"></path></mask><g mask="url(#mask__marble)"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#556270"></path><path filter="url(#prefix__filter0_f)" d="M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z" fill="#4ecdc4" transform="translate(0 0) rotate(-80 40 40) scale(1.2)"></path><path filter="url(#prefix__filter0_f)" d="M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z" fill="#c7f464" transform="translate(-4 4) rotate(-300 40 40) scale(1.2)" style="mix-blend-mode: overlay;"></path></g><defs><filter id="prefix__filter0_f" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="7" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs></svg>
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Eunice Kennedy" size="80"><mask id="mask__marble" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#fff"></path></mask><g mask="url(#mask__marble)"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#4ecdc4"></path><path filter="url(#prefix__filter0_f)" d="M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z" fill="#c7f464" transform="translate(-6 6) rotate(-182 40 40) scale(1.3)"></path><path filter="url(#prefix__filter0_f)" d="M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z" fill="#ff6b6b" transform="translate(5 -5) rotate(93 40 40) scale(1.3)" style="mix-blend-mode: overlay;"></path></g><defs><filter id="prefix__filter0_f" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="7" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs></svg>
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Margaret Bourke" size="80"><mask id="mask__marble" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#fff"></path></mask><g mask="url(#mask__marble)"><path d="M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z" fill="#c7f464"></path><path filter="url(#prefix__filter0_f)" d="M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z" fill="#ff6b6b" transform="translate(6 6) rotate(54 40 40) scale(1.3)"></path><path filter="url(#prefix__filter0_f)" d="M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z" fill="#c44d58" transform="translate(-1 -1) rotate(-81 40 40) scale(1.3)" style="mix-blend-mode: overlay;"></path></g><defs><filter id="prefix__filter0_f" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="7" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs></svg>
<br>
<svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Amelia Boynton" size="80"><mask id="mask__beam" maskUnits="userSpaceOnUse" x="0" y="0" width="36" height="36"><rect width="36" height="36" rx="20" fill="white"></rect></mask><g mask="url(#mask__beam)" fill="transparent"><rect width="36" height="36" rx="20" fill="#556270"></rect><rect x="0" y="0" width="36" height="36" transform="translate(2 6) rotate(282 18 18) scale(1)" fill="#c7f464" rx="36"></rect><g transform="translate(-2 4) rotate(2 18 18)"><path d="M13,19 a1,0.75 0 0,0 10,0" fill="black"></path><rect x="12" y="14" width="1.5" height="2" rx="1" stroke="none" fill="black"></rect><rect x="22" y="14" width="1.5" height="2" rx="1" stroke="none" fill="black"></rect></g></g></svg>
<svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Mary Edwards" size="80"><mask id="mask__beam" maskUnits="userSpaceOnUse" x="0" y="0" width="36" height="36"><rect width="36" height="36" rx="20" fill="white"></rect></mask><g mask="url(#mask__beam)" fill="transparent"><rect width="36" height="36" rx="20" fill="#ff6b6b"></rect><rect x="0" y="0" width="36" height="36" transform="translate(5 5) rotate(75 18 18) scale(1)" fill="#556270" rx="6"></rect><g transform="translate(3 0) rotate(5 18 18)"><path d="M13,19 a1,0.75 0 0,0 10,0" fill="white"></path><rect x="14" y="14" width="1.5" height="2" rx="1" stroke="none" fill="white"></rect><rect x="20" y="14" width="1.5" height="2" rx="1" stroke="none" fill="white"></rect></g></g></svg>
<svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Margaret Brent" size="80"><mask id="mask__beam" maskUnits="userSpaceOnUse" x="0" y="0" width="36" height="36"><rect width="36" height="36" rx="20" fill="white"></rect></mask><g mask="url(#mask__beam)" fill="transparent"><rect width="36" height="36" rx="20" fill="#4ecdc4"></rect><rect x="0" y="0" width="36" height="36" transform="translate(8 8) rotate(278 18 18) scale(1.2)" fill="#ff6b6b" rx="6"></rect><g transform="translate(4 4) rotate(8 18 18)"><path d="M13,21 a1,0.75 0 0,0 10,0" fill="black"></path><rect x="11" y="14" width="1.5" height="2" rx="1" stroke="none" fill="black"></rect><rect x="23" y="14" width="1.5" height="2" rx="1" stroke="none" fill="black"></rect></g></g></svg>
<br>
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Amelia Boynton" size="80"><mask id="mask__bauhaus" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"><rect width="80" height="80" rx="40" fill="#fff"></rect></mask><g mask="url(#mask__bauhaus)"><rect width="80" height="80" rx="40" fill="#c7f464"></rect><rect x="10" y="30" width="80" height="10" fill="#ff6b6b" transform="translate(-18 18) rotate(204 40 40)"></rect><circle cx="40" cy="40" fill="#c44d58" r="16" transform="translate(-12 -12)"></circle><line x1="0" y1="40" x2="80" y2="40" stroke-width="2" stroke="#556270" transform="translate(-8 -8) rotate(48 40 40)"></line></g></svg>
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Daisy Gatson" size="80"><mask id="mask__bauhaus" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"><rect width="80" height="80" rx="40" fill="#fff"></rect></mask><g mask="url(#mask__bauhaus)"><rect width="80" height="80" rx="40" fill="#ff6b6b"></rect><rect x="10" y="30" width="80" height="10" fill="#c44d58" transform="translate(6 6) rotate(156 40 40)"></rect><circle cx="40" cy="40" fill="#556270" r="16" transform="translate(9 -9)"></circle><line x1="0" y1="40" x2="80" y2="40" stroke-width="2" stroke="#4ecdc4" transform="translate(12 -12) rotate(312 40 40)"></line></g></svg>
<br>
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="80" colors="#556270,#4ecdc4,#c7f464,#ff6b6b,#c44d58" name="Margaret Chase" size="80"><mask id="mask__sunset" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="80"><circle cx="40" cy="40" r="40" fill="white"></circle></mask><g mask="url(#mask__sunset)"><path fill="url(#gradient_paint0_linear_MargaretChase)" d="M0 0h80v40H0z"></path><path fill="url(#gradient_paint1_linear_MargaretChase)" d="M0 40h80v40H0z"></path></g><defs><linearGradient id="gradient_paint0_linear_MargaretChase" x1="40" y1="0" x2="40" y2="40" gradientUnits="userSpaceOnUse"><stop stop-color="#556270"></stop><stop offset="1" stop-color="#4ecdc4"></stop></linearGradient><linearGradient id="gradient_paint1_linear_MargaretChase" x1="40" y1="40" x2="40" y2="80" gradientUnits="userSpaceOnUse"><stop stop-color="#c7f464"></stop><stop offset="1" stop-color="#ff6b6b"></stop></linearGradient></defs></svg>
</body>
</html>