better profile icons

This commit is contained in:
bmFtZQ 2021-04-24 16:06:45 +08:00 committed by GitHub
parent 44166999bb
commit 4a7087baf5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 101 deletions

View file

@ -1,55 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.875 6.875" width="22" height="22">
<linearGradient
id="g2"
gradientUnits="userSpaceOnUse"
x1="2.8318"
y1="16.25"
x2="17.1682"
y2="16.25"
gradientTransform="scale(0.34375)">
<stop
offset="0.3"
stop-color="#B2AEAA"
id="stop8" />
<stop
offset="0.8"
stop-color="#33312D"
id="stop10" />
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<defs>
<linearGradient id="gradient" gradientUnits="userSpaceOnUse" >
<stop style="stop-color:#b2aeaa;stop-opacity:1" offset="30%" />
<stop style="stop-color:#b2aeaa;stop-opacity:0" offset="70%" />
</linearGradient>
<linearGradient
id="g1"
gradientUnits="userSpaceOnUse"
x1="6"
y1="7.5"
x2="14"
y2="7.5"
gradientTransform="scale(0.34375)">
<stop
offset="0.15"
stop-color="#B2AEAA"
id="stop13" />
<stop
offset="1"
stop-color="#393632"
id="stop15" />
</linearGradient>
<circle
fill="#33312d"
cx="3.4375"
cy="3.4375"
r="3.4375"
id="circle18"
style="stroke-width:1" />
<path
fill="url(#g2)"
d="M 3.4375,6.875 C 4.4,6.875 5.29375,6.4625 5.9125,5.84375 5.465625,4.95 4.5375,4.296875 3.4375,4.296875 c -1.1,0 -2.028125,0.61875 -2.475,1.546875 C 1.58125,6.4625 2.475,6.875 3.4375,6.875 Z"
id="path20"
style="fill:url(#g2);stroke-width:1" />
<circle
fill="url(#g1)"
cx="3.4375"
cy="2.578125"
r="1.375"
id="circle22"
style="fill:url(#g1);stroke-width:1" />
<mask maskUnits="userSpaceOnUse" id="circle-mask">
<circle style="fill:#ffffff" cx="12" cy="12" r="12" />
</mask>
</defs>
<circle style="fill:#33312d" cx="12" cy="12" r="12" />
<g style="fill:url(#gradient);stop-color:red">
<circle cx="12" cy="9" r="5" />
<ellipse cx="12" cy="31.5" rx="12" ry="16" mask="url(#circle-mask)" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 691 B

Before After
Before After

View file

@ -1,48 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.875 6.875" width="22" height="22">
<linearGradient
id="g2"
gradientUnits="userSpaceOnUse"
x1="2.8318"
y1="16.25"
x2="17.1682"
y2="16.25"
gradientTransform="scale(0.34375)">
<stop
offset="0.3"
stop-color="#B2AEAA"
id="stop8" />
<stop
offset="0.8"
stop-color="#33312D"
id="stop10" />
</linearGradient>
<linearGradient
id="g1"
gradientUnits="userSpaceOnUse"
x1="6"
y1="7.5"
x2="14"
y2="7.5"
gradientTransform="scale(0.34375)">
<stop
offset="0.15"
stop-color="#B2AEAA"
id="stop13" />
<stop
offset="1"
stop-color="#393632"
id="stop15" />
</linearGradient>
<circle
fill="#33312d"
cx="3.4375"
cy="3.4375"
r="3.4375"
id="circle18"
style="stroke-width:1;fill:#c8c5c2;fill-opacity:1" />
<path
id="path20"
style="fill:#797674;fill-opacity:1;stroke-width:3.2"
d="M 10.966797 3.8496094 A 4.4 4.4 0 0 0 6.5996094 8.25 A 4.4 4.4 0 0 0 11 12.650391 A 4.4 4.4 0 0 0 15.400391 8.25 A 4.4 4.4 0 0 0 11 3.8496094 A 4.4 4.4 0 0 0 10.966797 3.8496094 z M 11 13.75 C 7.48 13.75 4.5100781 15.729219 3.0800781 18.699219 C 5.0600781 20.679219 7.92 22 11 22 C 14.08 22 16.939922 20.679219 18.919922 18.699219 C 17.489922 15.839219 14.52 13.75 11 13.75 z "
transform="scale(0.3125)" />
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<defs>
<mask maskUnits="userSpaceOnUse" id="circle-mask">
<circle style="fill:#ffffff" cx="12" cy="12" r="12" />
</mask>
</defs>
<circle style="fill:#d4d2cf" cx="12" cy="12" r="12" />
<g style="fill:#8c8987">
<circle cx="12" cy="9" r="5" />
<ellipse cx="12" cy="31.5" rx="12" ry="16" mask="url(#circle-mask)" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 440 B

Before After
Before After