Version 1.1 of the definition has been released. Please help updating it, contribute translations, and help us with the design of logos and buttons to identify free cultural works and licenses!

User:Manuela

From Definition of Free Cultural Works
Revision as of 14:40, 16 February 2018 by Manuela (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

[edit]

The logo has been created by Marc Falzon in 2006.

[edit]

I tried to recreate the official logo with a clean SVG code, with integers for the path definition and scales, I tried to preserve the gradients and colors. Free Cultural Works logo draft

Logo with a different center[edit]

This one I like even better

Free Cultural Works logo draft new center

Comparison[edit]

There are some differences, the green is off (original on the left)

SVG Source Code[edit]

[edit]

Check out the code of the original:

<g
       id="g25107"
       inkscape:export-xdpi="90"
       inkscape:export-ydpi="90"
       transform="translate(-146,-122.5001)"
       inkscape:export-filename="C:\Documents and Settings\INFA715\Bureau\mfalzon-freecontent_logo01--favicon.png">
      <path
         inkscape:transform-center-y="123.63642"
         inkscape:transform-center-x="-39.999955"
         transform="matrix(2.918919,0,0,2.918919,-112.2838,-220.9323)"
         sodipodi:end="4.712389"
         sodipodi:start="0"
         d="M 163,155 A 37,37 0 1 1 126,118 L 126,155 z"
         sodipodi:ry="37"
         sodipodi:rx="37"
         sodipodi:cy="155"
         sodipodi:cx="126"
         id="path11693"
         style="opacity:1;fill:url(#linearGradient15304);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="arc" />
      <path
         inkscape:transform-center-y="34.28568"
         inkscape:transform-center-x="105.97409"
         transform="matrix(0,2.501931,-2.501931,0,643.2993,-83.74315)"
         sodipodi:end="4.712389"
         sodipodi:start="0"
         d="M 163,155 A 37,37 0 1 1 126,118 L 126,155 z"
         sodipodi:ry="37"
         sodipodi:rx="37"
         sodipodi:cy="155"
         sodipodi:cx="126"
         id="path10806"
         style="opacity:1;fill:url(#linearGradient17975);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="arc" />
      <path
         transform="matrix(-2.084941,0,0,-2.084941,518.2029,554.6661)"
         sodipodi:end="4.712389"
         sodipodi:start="0"
         d="M 163,155 A 37,37 0 1 1 126,118 L 126,155 z"
         sodipodi:ry="37"
         sodipodi:rx="37"
         sodipodi:cy="155"
         sodipodi:cx="126"
         id="path8149"
         style="opacity:1;fill:url(#linearGradient18876);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="arc" />

and so on, do you know what's going on in there? I don't.

[edit]

Here is my code (left out the gradients)

 <defs>
  <!-- three quaters of a circle -->
  <path id="tqc"
   d="M0,0 h54 A54,54 0 1,1 0,-54 z" />
 </defs>

<g stroke="none" >
  <use transform="scale(7) rotate(0)"
   fill="url(#gr)" xlink:href="#tqc"/>

  <use transform="scale(6) rotate(90)"
   fill="url(#go)" xlink:href="#tqc"/>

  <use transform="scale(5) rotate(180)"
   fill="url(#gy)" xlink:href="#tqc"/>

  <use transform="scale(4) rotate(270)"
   fill="url(#gwh)" xlink:href="#tqc"/>

  <use transform="scale(3)"
   fill="url(#ggr)" xlink:href="#tqc"/>

  <use transform="scale(2) rotate(90)"
   fill="url(#gbl)" xlink:href="#tqc"/>
 </g>
 <circle transform="rotate(-90)"
  r="54" fill="url(#lila)"/>

Note that this is the code for all the shapes, whereas the code above shows only a part.