Learn about the history of the Druplicon logo. If you wish to use or edit the Druplicon, you can use following:

Bitmap versions

PNG versionlarge version

Vector formats

SVG version

EPS version

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."

AttachmentSize
druplicon.large_.png24.74 KB
druplicon.small_.png12.16 KB
druplicon.vector.svg25.6 KB

Comments

runonce’s picture

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.

interdruper’s picture

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>
interdruper’s picture

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>
jsequeiros’s picture

Es un diseño muy original, llamativo y se ve bastante agradable.

Owen Barton’s picture

Here is a simplified 1 color version, suitable for black and white usage, hard copy print backgrounds or import into icon fonts (e.g. the open source Fontello.com).

<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" version="1.1" width="100%" height="100%" viewBox="0 0 683 781" id="svg2">
<title>Drupal Icon</title>
<path d="m 312.90625,0.09375 c -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 -39.75,-24.75 -77.25,-34.5 -114.75,-59.25 -23.25,-15.75 -55.5,-53.25 -82.5,-85.5 z M 272.25,445.5 c 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 0.75,-58.5 55.5,-113.25 124.5,-114 z m 168.8125,164.96875 c 2.51953,-0.0117 5.1875,0.0312 8.1875,0.0312 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 9.5625,-3.9375 15.75391,-4.49609 23.3125,-4.53125 z m 71.21875,80.125 c 3.13,-0.17523 4.70313,2.59375 5.21875,4.65625 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 15,12 37.5,21.75 85.5,21.75 48,0 81.75,-13.5 96.75,-24.75 2.10938,-1.64062 3.85852,-2.3266 5.28125,-2.40625 z" />
</svg>
Owen Barton’s picture

Here is a tweaked version of the above that fixes some alignment/sizing issues when used as an icon font:

<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" version="1.1" width="1000" height="1000" id="svg2983">
<title>Drupal Icon</title>
<path d="m 469.94286,64.38776 c -2.44518,41.60604 -19.64938,84.51819 -57.10443,106.2281 C 358.5215,208.67616 292.78615,229.78371 245.99534,278.60993 143.6285,371.20396 105.18422,524.64069 148.74948,655.09082 198.1595,812.07002 363.12486,918.71847 526.06454,906.96559 668.99515,901.32631 807.14897,805.90168 850.45044,667.43174 896.25409,528.97565 855.79119,365.34171 745.74869,268.20931 697.68251,220.47705 633.76546,196.306 574.53833,166.351 531.65248,142.1834 501.96157,100.58033 469.94286,64.38776 z m -44.03641,482.43732 c 72.88393,-1.47962 125.27693,55.18334 184.95619,87.51211 37.8683,18.65954 72.75374,-16.54922 103.1252,-34.60749 30.82632,-18.96584 70.88636,-57.65521 107.5351,-29.34096 36.04208,37.17851 20.88029,95.75397 4.10263,138.42065 -12.83188,34.7979 -57.26868,78.3192 -90.84652,39.26395 -32.56565,-26.23876 -56.13837,-68.33461 -98.47264,-79.39501 -48.89074,6.8767 -86.97682,43.13867 -130.21011,64.56356 -49.25887,29.97744 -111.69178,46.20254 -166.85797,23.10731 -59.76441,-27.09056 -60.7874,-112.90276 -21.12027,-157.61037 25.87378,-32.21035 66.49421,-51.67853 107.78839,-51.91375 z m 182.84758,178.68425 c 30.41235,-9.72152 80.39847,22.84262 57.60951,52.83688 -16.80092,-19.17931 -49.80018,-44.01529 -82.25095,-23.76139 -12.34925,8.78308 -51.89403,45.39797 -43.32137,8.45358 17.95659,-18.55087 40.44495,-38.35496 67.96281,-37.52907 z m 77.13987,86.78659 c 17.59741,31.70673 -50.7901,45.30412 -74.75167,51.96441 -49.31897,4.9427 -106.58061,9.41815 -147.05508,-24.98745 -6.89007,-46.85575 46.3979,1.36029 70.04816,-0.40895 51.46525,6.976 107.35877,2.45683 151.75859,-26.56801 z" />
</svg>