Monday, December 29, 2025

Today I designed the logo for openworld.js (I'm not sure if Open World Zone uses it as well).

 

That's the image!

Of course, it's drawn based on SVG, a little white puppy.


<svg style="width:500px" 
	viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <!-- body -->
  <circle cx="100" cy="85" r="50"
  	fill="white" stroke="#222" stroke-width="4"/>

  <!-- ear -->
  <ellipse cx="45" cy="85" rx="15" ry="25" 
  	transform="rotate(20 50 85)" 
    fill="white" stroke="#222" stroke-width="4"/>
  <ellipse cx="155" cy="85" rx="15" ry="25"
  	transform="rotate(-20 150 85)" 
    fill="white" stroke="#222" stroke-width="4"/>

  <!-- face -->
  <circle cx="85" cy="80" r="5"
  	fill="#222"/> <!-- left eye -->
  <circle cx="115" cy="80" 
  	r="5" fill="#222"/> <!-- right eye -->
  <ellipse cx="100" cy="90" 
  	rx="6" ry="4" fill="#222"/> <!-- noise -->
  <path d="M90 100 Q100 110 110 100" 
  	fill="none" stroke="#222" stroke-width="3" 
    stroke-linecap="round"/> <!-- Mouth -->
  <circle cx="75" cy="95" r="6" 
  	fill="#FFB6C1" opacity="0.6"/> 
  <circle cx="125" cy="95" r="6" 
  	fill="#FFB6C1" opacity="0.6"/>

  <!-- King -->
  <path d="M75 50 L75 35 L87 45 L100 30 L113 45 L125 35 L125 50 Z" 
  	fill="#FFD700" stroke="#222" 
    stroke-width="3" transform="translate(0, -5)"/>

  <!-- Text -->
  <text x="100" y="170" font-family="Arial, sans-serif" 
  	font-weight="bold" font-size="14" 
  	text-anchor="middle" fill="#222">OPENWORLD.JS</text>
</svg>

No comments:

Post a Comment