Mastodon Icons (sic) (duotone blue/green)

It is often important to communicate that one is on a social platform from one's own website. Currently, users of the fediverse network are left with two choices; either use an incorrect/inaccurate icon based on specific fediverse software, or a gaudy icon with negative connotations (of witchcraft). Most choose the former. This has the ill-effect of elevating one implementation of Fediverse software, and creates a false impression of fediverse's network topology.

Since Feb 2021 DSFGS has been working on a Fediverse icon and this is the result of much feedback, review and iteration. 

This icon pack, the author calls "#fediOrigami", is developed based on an origami boat turned on its side. The overlapping, semi-transparent "folds" are their own entities, but interact with each other to form an 'F' and also create a silhouette of part of a star. A star being an homage to the previous but seldom-used icon design which was a connected five pointed star.

(NOTE: Icons are Plain SVG but have yet to be properly optimised. The Scour (v0.31) export feature in Inkscape is broken. That project is hosted on MicrosoftGH (https://github.com/scour-project/scour) and the author was disinterested in contacting a Microsoft user.
This commit is contained in:
joseph 2023-03-06 11:26:29 +00:00
parent 2011fca6ec
commit e40d7b5b8d
5 changed files with 266 additions and 0 deletions

View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="28.0px"
height="28.0px"
viewBox="0 0 28.0 28.0"
version="1.1"
id="SVGRoot"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs6561">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.9463126,0,0,1.9463126,-4.2901269,-1.7484921)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g27434"
style="display:inline"
transform="matrix(1.9463126,0,0,1.9463126,-82.14263,-1.7484921)">
<path
id="path33061-2-2-7-63-2-5-3-6-3-1"
style="display:inline;mix-blend-mode:normal;fill:#72e632;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 46.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 43.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 49.013778,6.92809 48.791122,3.39098 47.228622,2.15661 C 47.006633,1.98106 46.705887,1.89612 46.406356,1.90075 Z" />
<path
id="path33061-2-2-7-63-9-6-6-1-6-0"
style="display:inline;mix-blend-mode:normal;fill:#5f8fe2;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 48.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80274 c 0.369031,-0.21224 0.719626,-0.7681 0.59375,-1.41211 -0.121073,-0.61943 -0.6853,-1.00031 -1.1875,-1.04296 L 49.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50018 -1.162324,1.25159 z m 2.76024,3.35835 -2.458984,1.41406 0.201172,3.1875 4,-0.20312 c 1.219831,-0.0621 1.808951,-1.59031 0.796875,-2.39063 z m -2.257812,4.60156 -4.248047,0.2168 c -0.418995,0.0213 -0.791587,-0.17699 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86283 c 0.590879,0.67097 2.365028,0.45895 2.27539,-0.96093 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32.0px"
height="32.0px"
viewBox="0 0 32.0 32.0"
version="1.1"
id="SVGRoot"
sodipodi:docname="flatDuotone_blue_32.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview10476"
pagecolor="#ffffff"
bordercolor="#111111"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="5.4939561"
inkscape:cx="1.1831183"
inkscape:cy="35.857585"
inkscape:window-width="1366"
inkscape:window-height="703"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs8088">
<linearGradient
xlink:href="#linearGradient39046"
id="linearGradient1702"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.2243574,0,0,2.2243574,-4.9030026,-1.9982768)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient39046">
<stop
style="stop-color:#8cf1f0;stop-opacity:1"
offset="0"
id="stop39042" />
<stop
style="stop-color:#5f8fe2;stop-opacity:1"
offset="1"
id="stop39044" />
</linearGradient>
</defs>
<g
id="layer1">
<path
id="path33061-2-2-7-63-9-6-6-1-0-0"
style="display:inline;mix-blend-mode:normal;fill:#5f8fe2;fill-opacity:1;stroke:none;stroke-width:2.22436px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 14.476755,2.7967259 0.174834,2.7477487 5.964926,4.7224214 6.972849,-4.0099375 C 28.410218,5.7848609 29.190056,4.5484296 28.910076,3.1159212 28.640773,1.7380875 27.385724,0.89087428 26.268651,0.79600544 L 17.062192,0.01274248 c -1.81343,-0.1543704 -2.691784,1.11257902 -2.585437,2.78398342 z m 6.13976,7.4701701 -5.46965,3.145375 0.447474,7.090139 8.897429,-0.451811 c 2.713338,-0.138133 4.023751,-3.537418 1.772546,-5.317616 z M 15.594339,20.50241 6.1451574,20.984651 c -0.931983,0.04738 -1.760757,-0.393689 -2.311241,-1.064399 -0.998514,0.576486 -1.013884,1.892572 -0.326936,2.672833 l 7.5647946,8.592312 c 1.314328,1.492477 5.260672,1.020869 5.061281,-2.137452 z" />
<path
id="path33061-2-2-7-63-2-5-3-6-37-2"
style="display:inline;mix-blend-mode:normal;fill:#72e632;fill-opacity:1;stroke:none;stroke-width:2.22436px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 9.3470314,2.2296705 c -1.110444,0.017795 -2.216773,0.5865853 -2.5111,1.6813027 L 3.2300484,17.313594 c -0.249907,0.92947 0.02224,1.897933 0.603868,2.606658 L 15.146865,13.412271 14.651589,5.5444746 11.176031,2.7987946 C 10.682246,2.4083086 10.013292,2.2193717 9.3470314,2.2296705 Z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="16.0px"
height="16.0px"
viewBox="0 0 16.0 16.0"
version="1.1"
id="SVGRoot"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs30626">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1122944,0,0,1.1122944,-2.4525889,-1.000907)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g27438"
style="display:inline"
transform="matrix(1.1121784,0,0,1.1121784,-69.182203,-0.99913824)">
<path
id="path33061-2-2-7-63-2-5-3-6-4-0-2"
style="display:inline;mix-blend-mode:normal;fill:#ffef28;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 66.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 63.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 69.013778,6.92809 68.791122,3.39098 67.228622,2.15661 C 67.006633,1.98106 66.705887,1.89612 66.406356,1.90075 Z" />
<path
id="path33061-2-2-7-63-9-6-6-1-7-6-7"
style="display:inline;mix-blend-mode:normal;fill:#39be76;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 68.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80274 c 0.369031,-0.21224 0.719626,-0.7681 0.59375,-1.41211 -0.121073,-0.61943 -0.6853,-1.00031 -1.1875,-1.04296 L 69.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50018 -1.162324,1.25159 z m 2.76024,3.35835 -2.458984,1.41406 0.201172,3.1875 4,-0.20312 c 1.219831,-0.0621 1.808951,-1.59031 0.796875,-2.39063 z m -2.257812,4.60156 -4.248047,0.2168 c -0.418995,0.0213 -0.791587,-0.17699 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86283 c 0.590879,0.67097 2.365028,0.45895 2.27539,-0.96093 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="18.0px"
height="18.0px"
viewBox="0 0 18.0 18.0"
version="1.1"
id="SVGRoot"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs4956">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.2511872,0,0,1.2511872,-2.7578092,-1.1240182)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g27438"
style="display:inline"
transform="matrix(1.2512007,0,0,1.2512007,-77.829978,-1.1240304)">
<path
id="path33061-2-2-7-63-2-5-3-6-4-0-2"
style="display:inline;mix-blend-mode:normal;fill:#ffef28;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 66.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 63.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 69.013778,6.92809 68.791122,3.39098 67.228622,2.15661 C 67.006633,1.98106 66.705887,1.89612 66.406356,1.90075 Z" />
<path
id="path33061-2-2-7-63-9-6-6-1-7-6-7"
style="display:inline;mix-blend-mode:normal;fill:#39be76;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 68.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80274 c 0.369031,-0.21224 0.719626,-0.7681 0.59375,-1.41211 -0.121073,-0.61943 -0.6853,-1.00031 -1.1875,-1.04296 L 69.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50018 -1.162324,1.25159 z m 2.76024,3.35835 -2.458984,1.41406 0.201172,3.1875 4,-0.20312 c 1.219831,-0.0621 1.808951,-1.59031 0.796875,-2.39063 z m -2.257812,4.60156 -4.248047,0.2168 c -0.418995,0.0213 -0.791587,-0.17699 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86283 c 0.590879,0.67097 2.365028,0.45895 2.27539,-0.96093 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="22.0px"
height="22.0px"
viewBox="0 0 22.0 22.0"
version="1.1"
id="SVGRoot"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs6040">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.5292946,0,0,1.5292946,-3.3712755,-1.3738592)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g27438"
style="display:inline"
transform="matrix(1.5292453,0,0,1.5292453,-95.125528,-1.373815)">
<path
id="path33061-2-2-7-63-2-5-3-6-4-0-2"
style="display:inline;mix-blend-mode:normal;fill:#ffef28;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 66.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 63.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 69.013778,6.92809 68.791122,3.39098 67.228622,2.15661 C 67.006633,1.98106 66.705887,1.89612 66.406356,1.90075 Z" />
<path
id="path33061-2-2-7-63-9-6-6-1-7-6-7"
style="display:inline;mix-blend-mode:normal;fill:#39be76;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 68.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80274 c 0.369031,-0.21224 0.719626,-0.7681 0.59375,-1.41211 -0.121073,-0.61943 -0.6853,-1.00031 -1.1875,-1.04296 L 69.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50018 -1.162324,1.25159 z m 2.76024,3.35835 -2.458984,1.41406 0.201172,3.1875 4,-0.20312 c 1.219831,-0.0621 1.808951,-1.59031 0.796875,-2.39063 z m -2.257812,4.60156 -4.248047,0.2168 c -0.418995,0.0213 -0.791587,-0.17699 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86283 c 0.590879,0.67097 2.365028,0.45895 2.27539,-0.96093 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB