Promotional Haiku logos

I’m working on it. @PulkoMandy where can I find a square Haiku logo in SVG format? I haven’t been able to find anything like Haiku’s square Github logo as an SVG in the repos.

I was able to make one but it looks bad feat: add Haiku to the operating systems section by rjzak · Pull Request #317 · riscv-admin/riscv-landscape · GitHub

The logo needs to be square, an SVG, feature the logo and project name, and be displayable on a white background. See my PR, it’s a terribly logo but intended as a placeholder.

Maybe this logo (based on Haiku3D HVIF icon):

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<svg version="1.1" width="64" height="64" color-interpolation="linearRGB"
     xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
 <g>
  <path style="fill:#010101; fill-opacity:0.4509"
        d="M22 43V52H32L43 62H59L64 56L58 52H50L32 43H22z"
  />
  <path style="fill:none; stroke:#040e0b; stroke-width:2"
        d="M22 51L27 47V3L19 1L13 4V46L22 51z"
  />
  <path style="fill:none; stroke:#040e0b; stroke-width:2"
        d="M43 61L49 55V8L40 6L33 10V56L43 61z"
  />
  <linearGradient id="gradient0" gradientUnits="userSpaceOnUse" x1="79.53" y1="-125.87" x2="176.71" y2="-25.68">
   <stop offset="0" stop-color="#8d8d8d"/>
   <stop offset="1" stop-color="#ffffff"/>
  </linearGradient>
  <path style="fill:url(#gradient0)"
        d="M26 4L22 6V50L26 47V4z"
  />
  <linearGradient id="gradient1" gradientUnits="userSpaceOnUse" x1="79.53" y1="-125.87" x2="176.71" y2="-25.68">
   <stop offset="0" stop-color="#8d8d8d"/>
   <stop offset="1" stop-color="#ffffff"/>
  </linearGradient>
  <path style="fill:url(#gradient1)"
        d="M48 9L43 11V60L48 55V9z"
  />
  <linearGradient id="gradient2" gradientUnits="userSpaceOnUse" x1="-75.08" y1="57.64" x2="-66.89" y2="-9.19">
   <stop offset="0" stop-color="#c0c0c0"/>
   <stop offset="1" stop-color="#ffffff"/>
  </linearGradient>
  <path style="fill:url(#gradient2)"
        d="M22 6L14 4V46L22 50V6z"
  />
  <linearGradient id="gradient3" gradientUnits="userSpaceOnUse" x1="-75.08" y1="57.64" x2="-66.89" y2="-9.19">
   <stop offset="0" stop-color="#c0c0c0"/>
   <stop offset="1" stop-color="#ffffff"/>
  </linearGradient>
  <path style="fill:url(#gradient3)"
        d="M43 12L34 10V56L43 60V12z"
  />
  <linearGradient id="gradient4" gradientUnits="userSpaceOnUse" x1="10.71" y1="-51.22" x2="56.88" y2="-1.04">
   <stop offset="0" stop-color="#6a6a6a"/>
   <stop offset="1" stop-color="#ffffff"/>
  </linearGradient>
  <path style="fill:url(#gradient4)"
        d="M19 2L14 4L22 6L26 4L19 2z"
  />
  <linearGradient id="gradient5" gradientUnits="userSpaceOnUse" x1="10.71" y1="-51.22" x2="56.88" y2="-1.04">
   <stop offset="0" stop-color="#6a6a6a"/>
   <stop offset="1" stop-color="#ffffff"/>
  </linearGradient>
  <path style="fill:url(#gradient5)"
        d="M40 7L34 10L43 12L48 9L40 7z"
  />
  <path style="fill:none; stroke:#040e0b; stroke-width:2"
        d="M22.09 36.5C27.11 41.31 32.31 42.7 37.43 41.82C36.59 41.2 36.19 40.44 35.86 39.82C41.58 43.09 44.44 39.02 46.21 37.71C45.6 37.22 44.86 37.6 43.64 36.12C45.2 36.33 46.22 36.26 47.66 36.25C48.57 35.41 49.93 34.75 50.77 33.75C51.81 32.52 53.13 30.85 54.21 29.45C53.51 29.03 53.37 28.65 53.11 28.12C53.75 28.28 54.38 28.36 55.02 28.35C55.88 26.73 57.23 25.71 58.14 25.28C54.35 23.97 49.5 24.14 45.98 24.87C44.81 25.87 44.85 27.17 44.46 29.32C43.73 28.36 43.4 27.15 43.83 25.49C41.35 26.27 38.95 27.32 36.63 28.41C35.72 28.83 33.51 30.41 32.22 30.91C31.61 31.83 31.1 32.7 30.68 33.54C30.65 32.77 30.53 32.01 30.59 31.21C26.34 31.88 24.01 33.01 21.36 35.37C15.68 35.39 11 33 11 33V35C11 35 16.33 36.82 22.1 36.5H22.09z"
        transform="matrix(1.1425,0.2664,-0.2598,1.1603,-2.7872,-18.1543)"
  />
  <radialGradient id="gradient6" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="64" gradientTransform="matrix(0.9523,-0.3867,0.1312,0.3232,33.1729,29.0624)">
   <stop offset="0" stop-color="#2a8423"/>
   <stop offset="1" stop-color="#a9ff00"/>
  </radialGradient>
  <path style="fill:url(#gradient6)"
        d="M22.09 36.5C27.11 41.31 32.31 42.7 37.43 41.82C36.59 41.2 36.19 40.44 35.86 39.82C41.58 43.09 44.44 39.02 46.21 37.71C45.6 37.22 44.86 37.6 43.64 36.12C45.2 36.33 46.22 36.26 47.66 36.25C48.57 35.41 49.93 34.75 50.77 33.75C51.81 32.52 53.13 30.85 54.21 29.45C53.51 29.03 53.37 28.65 53.11 28.12C53.75 28.28 54.38 28.36 55.02 28.35C55.88 26.73 57.23 25.71 58.14 25.28C54.35 23.97 49.5 24.14 45.98 24.87C44.81 25.87 44.85 27.17 44.46 29.32C43.73 28.36 43.4 27.15 43.83 25.49C41.35 26.27 38.95 27.32 36.63 28.41C35.72 28.83 33.51 30.41 32.22 30.91C31.61 31.83 31.1 32.7 30.68 33.54C30.65 32.77 30.53 32.01 30.59 31.21C26.34 31.88 24.01 33.01 21.36 35.37C15.68 35.39 11 33 11 33V35C11 35 16.33 36.82 22.1 36.5H22.09z"
        transform="matrix(1.1203,0.2404,-0.2404,1.1203,-2.775,-15.6751)"
  />
 </g>
</svg>

I think we prefer the 2D “flat” version these days, with just the “H”. @humdinger or @nephele may have some ideas.

And what next? Flat monochrome Haiku icons instead of current 3D ones? Maybe it is good idea to not follow that flat fashion?

Linux, FreeBSD, OpenBSD from that page use 3D icons.

1 Like

The Haiku logo is 2D. There are square “H” Wonderbrush versions at artwork « data - haiku - Haiku's main repository, “H square - black on white” and “H square - white on blue”.

H square - black on white

1 Like

Maybe it is better to create new topic about which Haiku logo should be used in various promotions?

Done. The above linked square “H” logo is, as far as I can tell, the preferred logo for these dimension constraints. Otherwise the usual “Haiku” logo, of course.

Does it really need to be square? we have severall non-square logos that fit the bill.

The H logo humdinger mentioned is square-ish, but does not mention the project name as such.
If you need a square one we can probably make you one, though.

@x512 Sure, just flag the first post in the series as “something else” and request it be moved to a new topic.


HAIKU logo - black on transparent - big
HAIKU logo - website

1 Like

They do generally. We don’t, don’t see the problem really?

Seeing as many logos on the website do NOT feature the project name, at all. We should be perfectly fine with just the H humdinger mentioned.

Although we also have this one, it may be fine for this usecase.:
HAIKU square - white on blue

10 Likes

I am fine with any of 2 variants, just a bit annoyed by “these days” argument.

3 Likes

I don’t think that was ment as an rargument, but rather as an observation. :slight_smile:

edit: @rjzak I have the logo exported as SVG from wonderbrush, but since it has the wrong “file extension” the forum forbids me from uploading it, I think you can export it yourself, or alternatively i can provide it to you. the result from the wonderbrush export looks perfectly fine.

This is the icon of Haiku3D and not an official logo, it does not respect our trademark usage rules, please stop spreading it :slight_smile:

Yes, this is as close to a square logo as we have.

Huh? I took this from our artwork repo.

Maybe it should be deleted if it is not ment to be used?

https://cgit.haiku-os.org/haiku/plain/data/artwork/HAIKU%20square%20-%20white%20on%20blue

Barring any objections, I’d like to use @X512’s logo.

Edit: The logo needs “Haiku” in it.

  1. Logos must include the company, product or project name in English.

Are you sure? the square variant on that page doesn’t include projects names for many of them.

Just going by the rules. And a maintainer already approved the PR with the terrible logo I used as a placeholder. So maybe there’s a difference between the written vs. enforced rules.

  1. Logos must include the company, product or project name in English. It’s fine to also include words from another language. If you don’t have a version of your logo with the name in it, please open an issue and we’ll create one for you (and please specify the font).

That’s the full text, but I figured if someone else who isn’t a Haiku user/developer/fan won’t make something as nice as we would.

If so, this one should fit:

3 Likes

I need it as an SVG, and Wonderbrush doesn’t convert images to SVG. I used Inkscape and Adobe Illustrator, but they embed the image as base64 and basically just displays that. Which should be fine, but causes errors with RISC-V’s landscape program: FATAL: Item Haiku has no image_data. Seems there’s a check to ensure SVGs are real SVGs, not just embedded images (maybe? I don’t know for sure and don’t know much about graphics).

I also tried https://www.pngtosvg.com/, which I used initially, but it creates messy images. But it might not matter since the log will be small.
image2vector
Though I do like that line down the middle of the leaf.