edent/SuperTinyIcons
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update references

Browse Source
This commit is contained in:
edent
2017-12-01 13:28:45 +00:00
parent 6db5cfe470
commit 9886063af8
23 changed files with 443 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
README.md
View File

@@ -125,7 +125,7 @@ Originally created for my contact page - [https://edent.tel/](https://edent.tel/
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/badoo.svg" width="125" title="Badoo" /><br>373 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/samsunginternet.svg" width="125" title="Samsung Internet" /><br>943 Bytes</td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/laravel.svg" width="125" title="Laravel" /><br>879 Bytes</td>
<td></td>
<td><img src="https://edent.github.io/SuperTinyIcons/images/svg/twilio.svg" width="125" title="Twilio" /><br>395 Bytes</td>
<td></td>
</tr>
</table>
@@ -172,6 +172,7 @@ I'd *love* you to submit something 😸 The rules are simple, your icon must:
### Guidelines
This is the standard guideline. Use this to help with sizing yout icons and they will look good no matter what border radius is chosen.
<img src="https://edent.github.io/SuperTinyIcons/images/guidelines/guideline.svg" width="256" alt="A template for logos" />
* **Green** is the safe zone, where the main body of the icon should be.

BIN
images/reference/airbnb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

113
images/reference/android.svg Normal file
View File

@@ -0,0 +1,113 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
xml:space="preserve"
width="438.03827"
height="513.45758"
viewBox="0 0 438.03826 513.45758"
sodipodi:docname="android.svg"
inkscape:version="0.92.1 r15371"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs6"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath18"><path
d="M 0,595.28 H 841.89 V 0 H 0 Z"
id="path16"
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.29733907"
inkscape:cx="561.26001"
inkscape:cy="396.85334"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="g10" /><g
id="g10"
inkscape:groupmode="layer"
inkscape:label="Android_Robot_outlined"
transform="matrix(1.3333333,0,0,-1.3333333,2.5824538e-6,513.4576)"><g
id="g12"
transform="translate(-256.4829,-104.7803)"><g
id="g14"
clip-path="url(#clipPath18)"><g
id="g20"
transform="translate(287.5879,213.3047)"><path
d="m 0,0 c -17.157,-0.01 -31.095,13.946 -31.097,31.101 l -0.008,95.217 c -0.006,17.137 13.929,31.09 31.063,31.093 8.332,0.007 16.13,-3.225 22.011,-9.096 5.881,-5.874 9.114,-13.686 9.12,-21.988 L 31.081,31.102 C 31.102,22.811 27.878,14.998 22.002,9.133 16.138,3.242 8.317,0.003 0,0"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path22"
inkscape:connector-curvature="0" /></g><g
id="g24"
transform="translate(287.5635,362.3589)"><path
d="m 0,0 c -12.556,0.006 -22.732,-10.19 -22.735,-22.735 l 0.017,-95.214 c 0.003,-12.588 10.197,-22.747 22.738,-22.759 12.566,0.015 22.744,10.178 22.731,22.758 l 0.002,95.227 C 22.748,-10.181 12.558,0.009 0,0"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path26"
inkscape:connector-curvature="0" /></g><g
id="g28"
transform="translate(531.4648,357.6445)"><path
d="m 0,0 -8.359,0.003 -204.813,-0.027 -8.362,-0.003 -0.003,8.361 c -0.019,34.321 18.68,66.242 49.304,85.102 l -11.906,21.733 c -1.458,2.548 -1.822,5.772 -0.975,8.723 0.861,2.949 2.894,5.482 5.621,6.933 1.576,0.894 3.501,1.391 5.449,1.388 4.216,-0.001 8.083,-2.289 10.117,-5.989 l 12.462,-22.701 c 12.897,4.732 26.511,7.144 40.576,7.139 14.268,0.006 27.951,-2.409 40.902,-7.159 l 12.442,22.74 c 2.003,3.691 5.895,5.99 10.106,5.986 1.896,0.002 3.786,-0.461 5.455,-1.359 2.799,-1.536 4.751,-3.984 5.61,-6.954 0.855,-2.952 0.512,-6.07 -0.988,-8.774 l -11.9,-21.723 C -18.684,74.521 -0.008,42.623 -0.011,8.362 Z"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path30"
inkscape:connector-curvature="0" /></g><g
id="g32"
transform="translate(467.3574,403.0952)"><path
d="m 0,0 c -4.734,-0.005 -8.597,3.828 -8.588,8.585 0,4.707 3.848,8.588 8.592,8.604 C 4.713,17.176 8.576,13.294 8.572,8.58 8.575,3.84 4.733,-0.001 0,0 m -93.257,-0.017 c -4.717,0.011 -8.559,3.845 -8.56,8.581 0.002,4.718 3.842,8.596 8.567,8.596 4.749,0.004 8.59,-3.878 8.596,-8.594 0.002,-4.733 -3.847,-8.58 -8.603,-8.583 M 3.561,44.765 19.43,73.746 c 0.846,1.514 0.293,3.454 -1.238,4.293 -1.552,0.836 -3.467,0.265 -4.285,-1.257 L -2.128,47.511 c -13.486,5.985 -28.585,9.356 -44.547,9.34 -15.929,0.013 -31.001,-3.34 -44.448,-9.309 l -16.046,29.207 c -0.828,1.54 -2.762,2.103 -4.271,1.255 -1.543,-0.823 -2.107,-2.759 -1.252,-4.27 L -96.814,44.778 C -128.01,28.686 -149.085,-1.949 -149.069,-37.121 L 55.741,-37.1 C 55.747,-1.933 34.709,28.638 3.561,44.765"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path34"
inkscape:connector-curvature="0" /></g><g
id="g36"
transform="translate(382.6821,104.7803)"><path
d="m 0,0 c -17.14,0.002 -31.089,13.944 -31.093,31.095 l -0.008,42.023 -8.167,-0.007 c -8.728,-0.002 -16.918,3.389 -23.074,9.549 -6.164,6.154 -9.56,14.35 -9.548,23.084 l -0.03,147.53 -0.002,8.367 8.361,-0.002 203.275,0.032 8.364,0.006 0.001,-8.361 0.021,-147.549 C 148.103,87.774 133.465,73.132 115.475,73.136 l -8.223,-0.01 0.012,-42.008 C 107.262,13.978 93.318,0.021 76.185,0.022 67.88,0.003 60.083,3.232 54.198,9.119 48.307,14.99 45.065,22.797 45.069,31.098 L 45.068,73.127 31.095,73.128 V 31.106 C 31.092,13.96 17.147,-0.003 0,0"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path38"
inkscape:connector-curvature="0" /></g><g
id="g40"
transform="translate(319.1611,210.5244)"><path
d="m 0,0 c -0.012,-13.436 10.833,-24.282 24.257,-24.277 l 16.52,-10e-4 0.019,-50.379 c -0.003,-12.541 10.187,-22.738 22.72,-22.739 12.564,0 22.742,10.206 22.731,22.756 l 0.002,50.368 30.696,0.005 -0.002,-50.377 c 0.011,-12.543 10.214,-22.749 22.744,-22.728 12.562,-0.008 22.747,10.198 22.745,22.749 l -0.014,50.363 16.58,0.005 c 13.378,-0.005 24.261,10.867 24.26,24.274 l -0.026,147.559 -203.269,-0.036 z"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path42"
inkscape:connector-curvature="0" /></g><g
id="g44"
transform="translate(553.9316,213.3428)"><path
d="m 0,0 c -17.148,-0.002 -31.098,13.933 -31.093,31.087 l -0.023,95.217 c 0.004,17.152 13.931,31.102 31.072,31.103 17.162,0.002 31.118,-13.945 31.115,-31.093 L 31.08,31.103 C 31.084,13.962 17.147,-0.003 0,0"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path46"
inkscape:connector-curvature="0" /></g><g
id="g48"
transform="translate(553.9053,362.3896)"><path
d="m 0,0 c -12.555,0.01 -22.731,-10.186 -22.729,-22.743 l 0.009,-95.213 c 0.006,-12.572 10.177,-22.743 22.743,-22.735 12.555,0.002 22.719,10.165 22.73,22.743 l -0.025,95.211 C 22.726,-10.177 12.557,0.003 0,0"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path50"
inkscape:connector-curvature="0" /></g><g
id="g52"
transform="translate(576.6416,339.6582)"><path
d="m 0,0 c -0.002,12.557 -10.18,22.734 -22.736,22.731 -12.555,0.01 -22.732,-10.185 -22.729,-22.743 l 0.016,-95.215 c -0.001,-12.57 10.172,-22.729 22.736,-22.733 12.555,0.002 22.727,10.163 22.73,22.743 z m -257.517,18.408 0.035,-147.555 c -0.011,-13.422 10.845,-24.255 24.26,-24.258 l 16.519,-0.007 0.019,-50.379 c -0.003,-12.541 10.193,-22.739 22.72,-22.739 12.564,0 22.742,10.206 22.745,22.755 l -0.012,50.369 30.696,0.006 0.013,-50.377 c -0.003,-12.536 10.199,-22.749 22.728,-22.729 12.563,-0.008 22.747,10.198 22.745,22.749 l -0.014,50.363 16.577,0.013 c 13.382,-0.005 24.268,10.844 24.271,24.266 L -54.24,18.442 Z m 148.233,45.029 c -4.735,-0.005 -8.589,3.834 -8.588,8.585 0.016,4.705 3.848,8.588 8.592,8.604 4.709,-0.013 8.572,-3.895 8.568,-8.609 0.011,-4.741 -3.839,-8.581 -8.572,-8.58 m -93.258,-0.017 c -4.716,0.011 -8.558,3.845 -8.559,8.581 0.002,4.718 3.835,8.597 8.567,8.596 4.749,0.004 8.59,-3.878 8.596,-8.594 0.002,-4.732 -3.848,-8.58 -8.604,-8.583 m 96.818,44.782 15.87,28.981 c 0.846,1.514 0.291,3.443 -1.245,4.298 -1.547,0.82 -3.46,0.263 -4.278,-1.262 l -16.029,-29.283 c -13.491,6.001 -28.582,9.37 -44.553,9.352 -15.929,0.013 -31.016,-3.341 -44.448,-9.309 l -16.046,29.207 c -0.836,1.541 -2.755,2.098 -4.27,1.259 -1.545,-0.831 -2.109,-2.763 -1.253,-4.274 l 15.877,-28.959 C -237.294,92.123 -258.37,61.488 -258.354,26.316 l 204.811,0.021 c 0.006,35.167 -21.032,65.738 -52.181,81.865 M -289.078,22.701 c -12.556,0.006 -22.732,-10.191 -22.735,-22.736 l 0.017,-95.213 c 0.003,-12.588 10.183,-22.745 22.74,-22.743 12.564,-0.001 22.742,10.162 22.729,22.742 l 0.002,95.227 c -0.005,12.542 -10.196,22.731 -22.753,22.723"
style="fill:#a4c439;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path54"
inkscape:connector-curvature="0" /></g></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

1
images/reference/authy.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="62.8" height="48.5" viewBox="219.2 382.9 62.8 48.5"><g fill="#EC1C24"><path d="M246.8 397.9l10.4 10.4c1.5 1.5 3.9 1.5 5.5 0s1.5-3.9 0-5.5l-10.4-10.4c-7.5-7.5-19.5-7.6-27.2-.4-.1.1-.2.1-.2.2l-.1.1-.1.1-.2.2c-7.2 7.6-7.1 19.7.4 27.2l10.4 10.4c1.5 1.5 3.9 1.5 5.5 0 1.5-1.5 1.5-3.9 0-5.5l-10.4-10.4c-4.5-4.5-4.6-12-.1-16.5 4.6-4.5 12-4.5 16.5.1z"></path><path d="M260.3 384c-1.5 1.5-1.5 3.9 0 5.5l10.4 10.4c4.5 4.5 4.6 12 .1 16.5-4.6 4.5-12 4.5-16.5-.1l-10.4-10.4c-1.5-1.5-3.9-1.5-5.5 0-1.5 1.5-1.5 3.9 0 5.5l10.4 10.4c7.5 7.5 19.5 7.6 27.2.4.1-.1.2-.1.2-.2s.1-.1.1-.1l.1-.1.2-.2c7.2-7.6 7.1-19.7-.4-27.1L265.8 384c-1.6-1.5-4-1.5-5.5 0z"></path><path d="M246.8 397.9l10.4 10.4c1.5 1.5 3.9 1.5 5.5 0s1.5-3.9 0-5.5l-10.4-10.4c-7.5-7.5-19.5-7.6-27.2-.4-.1.1-.2.1-.2.2l-.1.1-.1.1-.2.2c-7.2 7.6-7.1 19.7.4 27.2l10.4 10.4c1.5 1.5 3.9 1.5 5.5 0 1.5-1.5 1.5-3.9 0-5.5l-10.4-10.4c-4.5-4.5-4.6-12-.1-16.5 4.6-4.5 12-4.5 16.5.1z"></path><path d="M260.3 384c-1.5 1.5-1.5 3.9 0 5.5l10.4 10.4c4.5 4.5 4.6 12 .1 16.5-4.6 4.5-12 4.5-16.5-.1l-10.4-10.4c-1.5-1.5-3.9-1.5-5.5 0-1.5 1.5-1.5 3.9 0 5.5l10.4 10.4c7.5 7.5 19.5 7.6 27.2.4.1-.1.2-.1.2-.2s.1-.1.1-.1l.1-.1.2-.2c7.2-7.6 7.1-19.7-.4-27.1L265.8 384c-1.6-1.5-4-1.5-5.5 0z"></path></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

65
images/reference/badoo.svg Normal file
View File

@@ -0,0 +1,65 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg29"
xml:space="preserve"
width="108.62289"
height="97.981613"
viewBox="0 0 108.62288 97.981613"
sodipodi:docname="badoo.svg"
inkscape:version="0.92.1 r15371"><metadata
id="metadata35"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs33"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath47"><path
d="M 0,594.28 H 841.89 V 0 H 0 Z"
id="path45"
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="739"
id="namedview31"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.70421349"
inkscape:cx="561.26001"
inkscape:cy="396.18663"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g37" /><g
id="g37"
inkscape:groupmode="layer"
inkscape:label="Badoo_logo"
transform="matrix(1.3333333,0,0,-1.3333333,0,97.981612)"><path
d="M 0,0 H 81.467167 V 73.486211 H 0 Z"
style="fill:#7000e3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.10938834"
id="path39"
inkscape:connector-curvature="0" /><g
id="g49"
transform="translate(54.727072,64.177073)"><path
d="M 0,0 C -6.183,0 -11.924,-2.938 -15.55,-7.817 -19.174,-2.938 -24.917,0 -31.1,0 c -10.678,0 -19.367,-8.688 -19.367,-19.368 0,-17.509 23.383,-39.484 34.917,-39.484 11.535,0 34.918,21.975 34.918,39.484 C 19.368,-8.688 10.68,0 0,0"
style="fill:#fc5d00;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path51"
inkscape:connector-curvature="0" /></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
images/reference/blogger.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 890 B

61
images/reference/codepen.svg Normal file
View File

@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="0 0 24.327332 24.332758"
version="1.1"
id="svg4"
sodipodi:docname="codepen.svg"
width="24.327332"
height="24.332758"
style="fill:none;stroke:#878787;stroke-width:2.29999995;stroke-linecap:round;stroke-linejoin:round"
inkscape:version="0.92.1 r15371">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview6"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="2.6315789"
inkscape:cx="66.5"
inkscape:cy="13"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<path
d="m 1.1636663,15.866379 10.9999997,7.3 11,-7.3 V 8.4663786 l -11,-7.2999998 -10.9999997,7.2999998 z m 21.9999997,0 -11,-7.4000004 -10.9999997,7.4000004 m 0,-7.4000004 10.9999997,7.3000004 11,-7.3000004 m -11,-7.2999998 v 7.2999998 m 0,7.4000004 v 7.3"
id="path2"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccc" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
images/reference/delicious.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 B

64
images/reference/digitalocean.svg Normal file
View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
xml:space="preserve"
width="235.17332"
height="235.30667"
viewBox="0 0 235.17332 235.30667"
sodipodi:docname="digitalocean.svg"
inkscape:version="0.92.1 r15371"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs6" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview4"
showgrid="false"
inkscape:zoom="1.0029465"
inkscape:cx="117.58666"
inkscape:cy="117.65334"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="g10" /><g
id="g10"
inkscape:groupmode="layer"
inkscape:label="ink_ext_XXXXXX"
transform="matrix(1.3333333,0,0,-1.3333333,0,235.30667)"><g
id="g12"
transform="scale(0.1)"><path
d="m 882,0 v 342 c 362,0 643,359 504,740 -51,141 -164,254 -305,305 C 700,1525 341,1245 341,883 H 0 c 0,577 558,1027 1163,838 264,-83 475,-293 557,-557 C 1909,558 1460,0 882,0"
style="fill:#4b73c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path14"
inkscape:connector-curvature="0" /><path
d="M 883,341 H 543 V 681 H 883 V 341"
style="fill:#4b73c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path16"
inkscape:connector-curvature="0" /><path
d="M 543,79 H 281 V 341 H 543 V 79"
style="fill:#4b73c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path18"
inkscape:connector-curvature="0" /><path
d="M 281,341 H 62 V 560 H 281 V 341"
style="fill:#4b73c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path20"
inkscape:connector-curvature="0" /></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

1
images/reference/discord.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><style>.st0{fill:#7289DA;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
images/reference/disqus.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path fill="#2E9FFF" d="M0 0h200v200H0z"/><path fill="#FFF" d="M102.535 167.5c-16.518 0-31.621-6.036-43.298-16.021L30.5 155.405l11.102-27.401A67.658 67.658 0 0 1 35.564 100c0-37.277 29.984-67.5 66.971-67.5 36.984 0 66.965 30.223 66.965 67.5 0 37.284-29.98 67.5-66.965 67.5zm36.567-67.693v-.188c0-19.479-13.736-33.367-37.42-33.367h-25.58v67.5h25.201c23.868.001 37.799-14.468 37.799-33.945zm-37.138 17.361h-7.482V82.841h7.482c10.989 0 18.283 6.265 18.283 17.07v.188c0 10.896-7.294 17.069-18.283 17.069z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 596 B

1
images/reference/ghost.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 85 87" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><g fill="currentColor" fill-rule="evenodd" opacity=".6"><rect x=".209" y="69.017" width="33.643" height="17.014" rx="4"/><rect x="50.672" y="69.017" width="33.622" height="17.014" rx="4"/><rect x=".184" y="34.99" width="84.121" height="17.014" rx="4"/><rect x=".209" y=".964" width="50.469" height="17.013" rx="4"/><rect x="67.494" y=".964" width="16.821" height="17.013" rx="4"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 472 B

39
images/reference/index.md
View File

@@ -60,28 +60,29 @@ Where possible this links to the organisation's brand guidelines page.
| <img src="/images/svg/kickstarter.svg" width="256" /> | <img src="/images/reference/kickstarter.svg" width="256" /> | https://www.kickstarter.com/help/brand_assets |
| <img src="/images/svg/yahoo.svg" width="256" /> | <img src="/images/reference/yahoo.svg" width="256" /> | https://www.oath.com/brands/yahoo/ |
| <img src="/images/svg/bitcoin.svg" width="256" /> | <img src="/images/reference/bitcoin.svg" width="256" /> | https://commons.wikimedia.org/wiki/File:Bitcoin.svg |
| <img src="/images/svg/cloudflare.svg" width="256" /> | <img src="/images/reference/cloudflare.svg" width="256" /> | https://www.cloudflare.com/logo/ |
| <img src="/images/svg/bluetooth.svg" width="256" /> | <img src="/images/reference/bluetooth.svg" width="256" /> | https://www.bluetooth.com/develop-with-bluetooth/marketing-branding/brand-guide-logos |
| <img src="/images/svg/ibm.svg" width="256" /> | <img src="/images/reference/ibm.svg" width="256" /> | https://www-03.ibm.com/ibm/history/exhibits/logo/logo_8.html |
| <img src="/images/svg/yammer.svg" width="256" /> | <img src="/images/reference/yammer.svg" width="256" /> | https://yammerassets.blob.core.windows.net/assets/sites/12/2014/07/Yammer_BrandIdentityGuidelines-1.pdf |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/.svg" width="256" /> | <img src="/images/reference/" width="256" /> | https |
| <img src="/images/svg/android.svg" width="256" /> | <img src="/images/reference/android.svg" width="256" /> | https://developer.android.com/distribute/marketing-tools/brand-guidelines.html |
| <img src="/images/svg/authy.svg" width="256" /> | <img src="/images/reference/authy.svg" width="256" /> | https://support.authy.com/hc/en-us# |
| <img src="/images/svg/blogger.svg" width="256" /> | <img src="/images/reference/blogger.png" width="256" /> | https://www.blogger.com/img/blogger-logotype-color-black-2x.png |
| <img src="/images/svg/cloudflare.svg" width="256" /> | <img src="/images/reference/cloudflare.svg" width="256" /> | https://www.cloudflare.com/logo/ |
| <img src="/images/svg/codepen.svg" width="256" /> | <img src="/images/reference/codepen.svg" width="256" /> | https://production-assets.codepen.io/assets/footer/codepen-logo-midgray-0711f75fbf09cc2e68d3836668e0eba8c28d76760d1e40386095ce503428bd03.svg |
| <img src="/images/svg/digitalocean.svg" width="256" /> | <img src="/images/reference/digitalocean.svg" width="256" /> | https://www.digitalocean.com/company/logos-and-badges/ |
| <img src="/images/svg/discord.svg" width="256" /> | <img src="/images/reference/discord.svg" width="256" /> | https://discordapp.com/branding |
| <img src="/images/svg/medium.svg" width="256" /> | <img src="/images/reference/medium.svg" width="256" /> | https://medium.design/logos-and-brand-guidelines-f1a01a733592 |
| <img src="/images/svg/airbnb.svg" width="256" /> | <img src="/images/reference/airbnb.png" width="256" /> | https://press.atairbnb.com/media-assets/?categ=Logos |
| <img src="/images/svg/wifi.svg" width="256" /> | <img src="/images/reference/wifi.png" width="256" /> | https://www.wi-fi.org/download.php?file=/sites/default/files/private/Wi-Fi_Alliance_Brand_Styleguide_201709.pdf |
| <img src="/images/svg/delicious.svg" width="256" /> | <img src="/images/reference/delicious.png" width="256" /> | https://del.icio.us/static/img/logo_delicious_sprite.png |
| <img src="/images/svg/disqus.svg" width="256" /> | <img src="/images/reference/disqus.svg" width="256" /> | https://disqus.com/brand/ |
| <img src="/images/svg/ghost.svg" width="256" /> | <img src="/images/reference/ghost.svg" width="256" /> | https://ghost.org/design/ |
| <img src="/images/svg/opensource.svg" width="256" /> | <img src="/images/reference/opensource.png" width="256" /> | https://opensource.org/logo-usage-guidelines |
| <img src="/images/svg/patreon.svg" width="256" /> | <img src="/images/reference/patreon.svg" width="256" /> | https://www.patreon.com/brand/guidelines |
| <img src="/images/svg/trello.svg" width="256" /> | <img src="/images/reference/trello.svg" width="256" /> | https://www.atlassian.com/company/news/press-kit |
| <img src="/images/svg/intel.svg" width="256" /> | <img src="/images/reference/intel.png" width="256" /> | https://newsroom.intel.com/news/intel-accelerates-ai-innovation-3-new-intel-capital-investments/intel-logo-default/ |
| <img src="/images/svg/badoo.svg" width="256" /> | <img src="/images/reference/badoo.svg" width="256" /> | https://team.badoo.com/new/ |
| <img src="/images/svg/samsunginternet.svg" width="256" /> | <img src="/images/reference/samsunginternet.png" width="256" /> | http://www.samsung.com/global/galaxy/apps/samsung-internet/ |
| <img src="/images/svg/twillio.svg" width="256" /> | <img src="/images/reference/twillio.svg" width="256" /> | https://www.twilio.com/marketing/bundles/company-brand/resources/Twilio-Logos.zip |
| <img src="/images/svg/laravel.svg" width="256" /> | <img src="/images/reference/laravel.svg" width="256" /> | https://github.com/laravel/art/blob/master/Laravel-l-slant.svg |

BIN
images/reference/intel.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

13
images/reference/medium.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="195px" height="195px" viewBox="0 0 195 195" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
<title>Monogram</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Monogram" fill-rule="nonzero">
<rect id="Rectangle-path" fill="#12100E" x="0" y="0" width="195" height="195"></rect>
<path d="M46.5340803,65.2157554 C46.6968378,63.6076572 46.0836,62.018231 44.8828198,60.93592 L32.6512605,46.2010582 L32.6512605,44 L70.6302521,44 L99.9859944,108.380952 L125.794585,44 L162,44 L162,46.2010582 L151.542017,56.2281011 C150.640424,56.9153477 150.193188,58.0448862 150.380019,59.1628454 L150.380019,132.837155 C150.193188,133.955114 150.640424,135.084652 151.542017,135.771899 L161.755369,145.798942 L161.755369,148 L110.38282,148 L110.38282,145.798942 L120.963119,135.527337 C122.002801,134.487948 122.002801,134.182246 122.002801,132.592593 L122.002801,73.0417402 L92.585901,147.755438 L88.6106443,147.755438 L54.3622782,73.0417402 L54.3622782,123.115814 C54.0767278,125.221069 54.7759199,127.3406 56.2581699,128.863022 L70.0186741,145.55438 L70.0186741,147.755438 L31,147.755438 L31,145.55438 L44.7605042,128.863022 C46.2319621,127.338076 46.8903838,125.204485 46.5340803,123.115814 L46.5340803,65.2157554 Z" id="Shape" fill="#FFFFFF"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
images/reference/opensource.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

6
images/reference/patreon.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="96" viewBox="0 0 100 96">
<g fill="none" fill-rule="evenodd">
<path fill="#FFFFFF" d="M64.1102,0.1004 C44.259,0.1004 28.1086,16.2486 28.1086,36.0986 C28.1086,55.8884 44.259,71.989 64.1102,71.989 C83.9,71.989 100,55.8884 100,36.0986 C100,16.2486 83.9,0.1004 64.1102,0.1004"/>
<polygon fill="#F96854" points=".012 95.988 17.59 95.988 17.59 .1 .012 .1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 436 B

BIN
images/reference/samsunginternet.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

92
images/reference/trello.svg Normal file
View File

@@ -0,0 +1,92 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="0 0 62.999998 63.040003"
version="1.1"
id="svg31"
sodipodi:docname="trello.svg"
width="63"
height="63.040001"
inkscape:version="0.92.1 r15371">
<metadata
id="metadata35">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Trello-icon-blue-white</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview33"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="1.1933581"
inkscape:cx="146.645"
inkscape:cy="32.279999"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg31" />
<defs
id="defs9">
<style
id="style2">.cls-1{fill:#253858;}.cls-2{fill:url(#New_Gradient_Swatch_1);}</style>
<linearGradient
id="New_Gradient_Swatch_1"
x1="31.52"
y1="-6412.98"
x2="31.52"
y2="-6349.9302"
gradientTransform="matrix(1,0,0,-1,0,-6348.42)"
gradientUnits="userSpaceOnUse">
<stop
offset="0.18"
stop-color="#0052cc"
id="stop4" />
<stop
offset="1"
stop-color="#2684ff"
id="stop6" />
</linearGradient>
</defs>
<title
id="title11">Trello-icon-blue-white</title>
<g
id="Layer_2-2"
data-name="Layer 2"
transform="translate(0,-1.51)">
<g
id="Layer_1-2"
data-name="Layer 1-2">
<path
class="cls-2"
d="M 55.16,1.51 H 7.88 A 7.88,7.88 0 0 0 0,9.39 v 47.28 a 7.88,7.88 0 0 0 7.88,7.88 H 55.16 A 7.88,7.88 0 0 0 63,56.67 V 9.39 A 7.88,7.88 0 0 0 55.16,1.51 Z M 27.42,49.26 A 3.78,3.78 0 0 1 23.64,53 H 12 A 3.78,3.78 0 0 1 8.2,49.26 v 0 -35.77 A 3.78,3.78 0 0 1 12,9.71 h 11.64 a 3.78,3.78 0 0 1 3.78,3.78 z M 54.85,33.5 a 3.78,3.78 0 0 1 -3.78,3.78 H 39.4 A 3.78,3.78 0 0 1 35.62,33.5 v -20 A 3.78,3.78 0 0 1 39.4,9.71 h 11.67 a 3.78,3.78 0 0 1 3.78,3.78 v 0 z"
id="path25"
style="fill:url(#New_Gradient_Swatch_1)"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

1
images/reference/twilio.svg Normal file
View File

@@ -0,0 +1 @@
<svg class="twilio-mark" fill="#F22F46" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30" height="30"><path d="M15 0C6.7 0 0 6.7 0 15s6.7 15 15 15 15-6.7 15-15S23.3 0 15 0zm0 26C8.9 26 4 21.1 4 15S8.9 4 15 4s11 4.9 11 11-4.9 11-11 11zm6.8-14.7c0 1.7-1.4 3.1-3.1 3.1s-3.1-1.4-3.1-3.1 1.4-3.1 3.1-3.1 3.1 1.4 3.1 3.1zm0 7.4c0 1.7-1.4 3.1-3.1 3.1s-3.1-1.4-3.1-3.1c0-1.7 1.4-3.1 3.1-3.1s3.1 1.4 3.1 3.1zm-7.4 0c0 1.7-1.4 3.1-3.1 3.1s-3.1-1.4-3.1-3.1c0-1.7 1.4-3.1 3.1-3.1s3.1 1.4 3.1 3.1zm0-7.4c0 1.7-1.4 3.1-3.1 3.1S8.2 13 8.2 11.3s1.4-3.1 3.1-3.1 3.1 1.4 3.1 3.1z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 587 B

BIN
images/reference/wifi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

1
images/svg/twilio.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Twilio" role="img" viewBox="0 0 512 512" fill="#F22F46"><rect width="512" height="512" fill="#fff" rx="15%"/><circle cx="256" cy="256" r="256"/><circle style="fill:#ffffff" cx="256" cy="256" r="188"/><circle cx="193" cy="193" r="53"/><circle cx="319" cy="193" r="53"/><circle cx="193" cy="319" r="53"/><circle cx="319" cy="319" r="53"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 395 B

2
radius.html
View File

@@ -60,7 +60,7 @@
'ibm', 'yammer', 'android', 'authy', 'blogger', 'cloudflare',
'codepen', 'digitalocean','discord', 'medium', 'airbnb', 'wifi',
'delicious', 'disqus', 'ghost', 'opensource', 'patreon', 'trello',
'intel', 'badoo', 'laravel', 'samsunginternet'
'intel', 'badoo', 'laravel', 'laravel', 'twilio', 'samsunginternet'
];
var container = document.querySelector('.icons');