Learn about the history of the Druplicon logo. If you wish to use or edit the Druplicon, you can use following:
Bitmap versions
Vector formats
If you can provide other useful formats, please add an issue.
Colors
Web color
Main drop color: #0077C0
Light-shade color: #81CEFF
Dark-shade color: #00598E
RGB color
Main drop color: 00, 119, 192
Light-shade color: 129, 206, 255
Dark-shade color: 00 , 89, 142
Pantone Colors - Coated Stock
Main drop color: 2935 C
Light-shade color: 2905 C
Dark-shade color: 3025 C
Pantone Colors - UnCoated Stock*
Main drop color: 2935 U
Light-shade color: 2905 U
Dark-shade color: 3025 U
* Please note that uncoated stocks vary greatly in their ability to accurately reflect PMS colors. Typically colors tend to lighten and dull down on uncoated stocks.
Pantone to CMYK Equiv.
Main drop color: 100/46/0/0
Light-shade color: 41/2/0/0
Dark-shade color: 100/17/0/51
(As noted by a previous entry, the following CMYK combinations can be tried as well:
Main drop color: 91/27/2/0
Light-shade color: 47/3/3/0
Please note that all commercial printing color conversions were based on the RGB colors outlined above. While these colors have been checked against a PMS book (coated, uncoated, and PMS->process) there has not been an official effort to standardize these colors through a traditional brand assessment. Reporting back print results, both good and bad are appreciated and will help us to further improve on the Drupal brand.
The Druplicon image is licensed under the GPL License which covers all items on git.drupal.org.
Color swatches
If you use an Adobe design software product, like Fireworks, Photoshop, Illustrator, Flash, even Dreamweaver or InDesign, and would like to have the drupalicon colors, then download the free set of color swatches.
From the comments
sphism offers a 3D version.
esmerel added this link to "an excel spreadsheet with a chart of Druplicon for the knittingly inclined."
| Attachment | Size |
|---|---|
| druplicon.large_.png | 24.74 KB |
| druplicon.small_.png | 12.16 KB |
| druplicon.vector.svg | 25.6 KB |
Comments
Problems with Inkscape
I can't get the SVG to open in Inkscape. Prompts "Failed to load the requested file" and the address to the file.
Update
After removing some shapes with a plain-text editor I got it working on Inkscape.
Some problems using SVG version logo
I have found some difficulties using the official drupal.vector.svg file provided here. Particularly, loading it with Inkscape. Also trying to use it with the COMPASS image-url() mixin.
If anyone has found similar problems, here is a very clean & tiny version (only 4K) of the Drupal SVG logo. I have removed every tag not strictly required, like in the W3C HTML logos ( http://www.w3.org/html/logo/ ). To use it, just copy the code to a plain text editor and save it with .svg extension.
IMPORTANT: Please, use it only for testing purposes, never as the official SVG Drupal icon.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 683 781"><title>Drupal Icon</title>
<path
d="m 510.167,144.833 c -39.75,-24.75 -77.25,-34.5 -114.75,-59.25 -23.25,-15.75 -55.5,-53.25 -82.5,-85.5 -5.25,51.75 -21,72.75 -39,87.75 -38.25,30 -62.25,39 -95.25,57 -27.75,14.25 -178.5,104.25 -178.5,297.75 0,193.5 162.75,336 343.5,336 180.75,0 337.5,-131.25 337.5,-330 0,-198.75 -147,-288.75 -171,-303.75 z"
id="path6"
style="fill:#00598e" />
<path
d="m 449.25,610.5 c 12,0 24.75,0.75 33.75,6.75 9,6 14.25,19.5 17.25,27 3,7.5 0,12 -6,15 -5.25,3 -6,1.5 -11.25,-8.25 -5.25,-9.75 -9.75,-19.5 -36,-19.5 -26.25,0 -34.5,9 -47.25,19.5 -12.75,10.5 -17.25,14.25 -21.75,8.25 -4.5,-6 -3,-12 5.25,-19.5 8.25,-7.5 21.75,-19.5 34.5,-24.75 12.75,-5.25 19.5,-4.5 31.5,-4.5 l 0,0 z"
id="path8"
style="fill:#ffffff" />
<path
d="m 324.75,696 c 15,12 37.5,21.75 85.5,21.75 48,0 81.75,-13.5 96.75,-24.75 6.75,-5.25 9.75,-0.75 10.5,2.25 0.75,3 2.25,7.5 -3,12.75 -3.75,3.75 -38.25,27.75 -78.75,31.5 -40.5,3.75 -95.25,6 -128.25,-24 -5.25,-5.25 -3.75,-12.75 0,-15.75 3.75,-3 6.75,-5.25 11.25,-5.25 4.5,0 3.75,0 6,1.5 l 0,0 z"
id="path10"
style="fill:#ffffff" />
<path
d="m 141,639 c 57,-0.75 67.5,-10.5 117.75,-33 271.5,-121.5 321.75,-232.5 331.5,-258 9.75,-25.5 24,-66.75 9,-112.5 -2.896,-8.832 -5.006,-15.924 -6.53,-21.63 C 556.641,173.527 520.822,151.513 510,144.75 471,120 432.75,110.25 395.25,85.5 372,70.5 339.75,32.25 312.75,0 c -5.25,51.75 -20.25,73.5 -39,87.75 -38.25,30 -62.25,39 -95.25,57 C 150.75,159.75 0,249 0,442.5 0,504.28 16.593,560.861 45.063,609.266 L 52.5,609 c 15.75,14.25 40.5,30.75 88.5,30 z"
id="path12"
style="fill:#0073ba" />
<path
d="M 510,144.75 C 471,120 432.75,110.25 395.25,85.5 372,70.5 339.75,32.25 312.75,0 c -5.25,51.75 -20.25,73.5 -39,87.75 -38.25,30 -62.25,39 -95.25,57 C 150.75,159.75 0,249 0,442.5 0,504.28 16.593,560.861 45.063,609.266 105.763,712.467 220.46,778.5 343.5,778.5 524.25,778.5 681,647.25 681,448.5 681,339.354 636.668,263.012 592.72,213.87 556.641,173.527 520.82,151.513 510,144.75 z m 91.164,87.797 c 49.242,61.564 74.211,134.221 74.211,215.953 0,47.428 -9.033,92.23 -26.849,133.165 -16.9,38.831 -41.236,73.233 -72.333,102.254 -61.47,57.364 -144.107,88.956 -232.693,88.956 -43.826,0 -86.832,-8.371 -127.824,-24.882 C 175.413,731.776 139.129,708.555 107.833,678.973 41.923,616.678 5.625,532.696 5.625,442.5 c 0,-80.336 26.076,-151.72 77.503,-212.167 39.289,-46.18 81.655,-71.774 98.047,-80.634 7.958,-4.341 15.423,-8.172 22.643,-11.877 22.63,-11.615 44.005,-22.586 73.404,-45.645 15.677,-11.914 32.377,-30.785 39.489,-78.702 24.774,29.466 53.522,62.579 75.49,76.752 19.5,12.87 39.501,21.888 58.844,30.61 18.298,8.25 37.219,16.781 55.942,28.663 0.031,0.021 0.702,0.438 0.702,0.438 54.732,34.172 83.892,70.628 93.475,82.609 z"
id="path14"
style="fill:#004975" />
<path
d="m 316.5,15 c 10.5,30.75 9,46.5 9,53.25 0,6.75 -3.75,24.75 -15.75,33.75 -5.25,3.75 -6.75,6.75 -6.75,7.5 0,3 6.75,5.25 6.75,12 0,8.25 -3.75,24.75 -43.5,64.5 -39.75,39.75 -96.75,75 -141,96.75 C 81,304.5 60,303 54,292.5 48,282 56.25,258.75 84,228 111.75,197.25 199.5,153 199.5,153 L 309,76.5 315,47.25"
id="path16"
style="fill:#93c5e4" />
<path
d="m 316.5,14.25 c -6.75,49.5 -21.75,64.5 -42,80.25 -33.75,25.5 -66.75,41.25 -74.25,45 -19.5,9.75 -90,48.75 -126.75,105 -11.25,17.25 0,24 2.25,25.5 2.25,1.5 27.75,4.5 82.5,-28.5 54.75,-33 78.75,-52.5 109.5,-84.75 16.5,-17.25 18.75,-27 18.75,-31.5 0,-5.25 -3.75,-7.5 -9.75,-9 -3,-0.75 -3.75,-2.25 0,-4.5 C 280.5,109.5 296.25,102 300,99 c 3.75,-3 21.75,-15 22.5,-34.5 0.75,-19.5 -0.75,-33 -6,-50.25 l 0,0 z"
id="path18"
style="fill:#ffffff" />
<path
d="m 147.75,559.5 c 0.75,-58.5 55.5,-113.25 124.5,-114 87.75,-0.75 148.5,87 192.75,86.25 37.5,-0.75 109.5,-74.25 144.75,-74.25 37.5,0 48,39 48,62.25 0,23.25 -7.5,65.25 -25.5,91.5 -18,26.25 -29.25,36 -50.25,34.5 C 555,643.5 501,559.5 466.5,558 c -43.5,-1.5 -138,90.75 -212.25,90.75 -45,0 -58.5,-6.75 -73.5,-16.5 -22.5,-15.75 -33.75,-39.75 -33,-72.75 l 0,0 z"
id="path20"
style="fill:#ffffff" />
<path
d="m 599.25,235.5 c 15,45.75 0.75,87 -9,112.5 -9.75,25.5 -60,136.5 -331.5,258 C 208.5,628.5 198,638.25 141,639 93,639.75 68.25,623.25 52.5,609 l -7.437,0.266 C 105.763,712.467 220.46,778.5 343.5,778.5 524.25,778.5 681,647.25 681,448.5 681,339.354 636.668,263.012 592.72,213.87 c 1.524,5.706 3.634,12.798 6.53,21.63 z"
id="path22"
style="fill:none" />
</svg>
Druplicon SVG further optimized
Currently there are at least a couple of open-source tools to optimize SVG files: the Inkscape editor, and the SVGO tool (command-line Node.js based). When exporting SVG files with Inkscape, you must select 'Optimized SVG' format.
Both procedures basically remove all unnecessary tags inside the XML file.
Using these optimizations, here is a more optimized version of Drupalicon, only 3,590 bytes, ideal for using it embedded in CSS files as data URI.
To use it as a file, just copy the code to a plain text editor and save it with .svg extension.
IMPORTANT: Please, use it only for testing purposes, never as the official SVG Drupal icon.
<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 683 781"><title>Drupal Icon</title>
<path fill="#00598e" d="m510.17,144.83c-39.75-24.75-77.25-34.5-114.75-59.25-23.25-15.75-55.5-53.25-82.5-85.5-5.25,51.75-21,72.75-39,87.75-38.25,30-62.25,39-95.25,57-27.75,14.25-178.5,104.25-178.5,297.75s162.75,336,343.5,336,337.5-131.25,337.5-330-147-288.75-171-303.75z"/>
<path fill="#FFF" d="m449.25,610.5c12,0,24.75,0.75,33.75,6.75s14.25,19.5,17.25,27,0,12-6,15c-5.25,3-6,1.5-11.25-8.25s-9.75-19.5-36-19.5-34.5,9-47.25,19.5-17.25,14.25-21.75,8.25-3-12,5.25-19.5,21.75-19.5,34.5-24.75,19.5-4.5,31.5-4.5z"/>
<path fill="#FFF" d="m324.75,696c15,12,37.5,21.75,85.5,21.75s81.75-13.5,96.75-24.75c6.75-5.25,9.75-0.75,10.5,2.25s2.25,7.5-3,12.75c-3.75,3.75-38.25,27.75-78.75,31.5s-95.25,6-128.25-24c-5.25-5.25-3.75-12.75,0-15.75s6.75-5.25,11.25-5.25,3.75,0,6,1.5z"/>
<path fill="#0073ba" d="m141,639c57-0.75,67.5-10.5,117.75-33,271.5-121.5,321.75-232.5,331.5-258s24-66.75,9-112.5c-2.896-8.832-5.006-15.924-6.53-21.63-36.08-40.34-71.9-62.36-82.72-69.12-39-24.75-77.25-34.5-114.75-59.25-23.25-15-55.5-53.25-82.5-85.5-5.25,51.75-20.25,73.5-39,87.75-38.25,30-62.25,39-95.25,57-27.75,15-178.5,104.25-178.5,297.75,0,61.78,16.593,118.36,45.063,166.77l7.437-0.27c15.75,14.25,40.5,30.75,88.5,30z"/>
<path fill="#004975" d="M510,144.75c-39-24.75-77.25-34.5-114.75-59.25-23.25-15-55.5-53.25-82.5-85.5-5.25,51.75-20.25,73.5-39,87.75-38.25,30-62.25,39-95.25,57-27.75,15-178.5,104.25-178.5,297.75,0,61.78,16.593,118.36,45.063,166.77,60.697,103.2,175.4,169.23,298.44,169.23,180.75,0,337.5-131.25,337.5-330,0-109.15-44.33-185.49-88.28-234.63-36.08-40.34-71.9-62.36-82.72-69.12zm91.164,87.797c49.242,61.564,74.211,134.22,74.211,215.95,0,47.428-9.033,92.23-26.849,133.16-16.9,38.831-41.236,73.233-72.333,102.25-61.47,57.364-144.11,88.956-232.69,88.956-43.826,0-86.832-8.371-127.82-24.882-40.27-16.21-76.55-39.43-107.85-69.02-65.907-62.29-102.2-146.27-102.2-236.47,0-80.336,26.076-151.72,77.503-212.17,39.289-46.18,81.655-71.774,98.047-80.634,7.958-4.341,15.423-8.172,22.643-11.877,22.63-11.615,44.005-22.586,73.404-45.645,15.677-11.914,32.377-30.785,39.489-78.702,24.774,29.466,53.522,62.579,75.49,76.752,19.5,12.87,39.501,21.888,58.844,30.61,18.298,8.25,37.219,16.781,55.942,28.663,0.031,0.021,0.702,0.438,0.702,0.438,54.732,34.172,83.892,70.628,93.475,82.609z"/>
<path fill="#93c5e4" d="m316.5,15c10.5,30.75,9,46.5,9,53.25s-3.75,24.75-15.75,33.75c-5.25,3.75-6.75,6.75-6.75,7.5,0,3,6.75,5.25,6.75,12,0,8.25-3.75,24.75-43.5,64.5s-96.75,75-141,96.75-65.25,20.25-71.25,9.75,2.25-33.75,30-64.5,115.5-75,115.5-75l109.5-76.5,6-29.25"/>
<path fill="#FFF" d="m316.5,14.25c-6.75,49.5-21.75,64.5-42,80.25-33.75,25.5-66.75,41.25-74.25,45-19.5,9.75-90,48.75-126.75,105-11.25,17.25,0,24,2.25,25.5s27.75,4.5,82.5-28.5,78.75-52.5,109.5-84.75c16.5-17.25,18.75-27,18.75-31.5,0-5.25-3.75-7.5-9.75-9-3-0.75-3.75-2.25,0-4.5s19.5-9.75,23.25-12.75,21.75-15,22.5-34.5-0.75-33-6-50.25z"/>
<path fill="#FFF" d="m147.75,559.5c0.75-58.5,55.5-113.25,124.5-114,87.75-0.75,148.5,87,192.75,86.25,37.5-0.75,109.5-74.25,144.75-74.25,37.5,0,48,39,48,62.25s-7.5,65.25-25.5,91.5-29.25,36-50.25,34.5c-27-2.25-81-86.25-115.5-87.75-43.5-1.5-138,90.75-212.25,90.75-45,0-58.5-6.75-73.5-16.5-22.5-15.75-33.75-39.75-33-72.75z"/>
<path fill="none" d="m599.25,235.5c15,45.75,0.75,87-9,112.5s-60,136.5-331.5,258c-50.25,22.5-60.75,32.25-117.75,33-48,0.75-72.75-15.75-88.5-30l-7.437,0.266c60.697,103.2,175.4,169.23,298.44,169.23,180.75,0,337.5-131.25,337.5-330,0-109.15-44.33-185.49-88.28-234.63,1.524,5.706,3.634,12.798,6.53,21.63z"/>
</svg>