Font-awesome: Icon request: fa-bulma (brand)

Created on 8 May 2018  路  9Comments  路  Source: FortAwesome/Font-Awesome

fontawesome.findIconDefinition({prefix: 'fab', iconName: 'bulma'})

<svg width="46" height="67" viewBox="0 0 46 67" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Canvas" fill="none"> <path id="Path" fill-rule="evenodd" clip-rule="evenodd" d="M 0 45.4337L 4.13034 16.5213L 20.6517 0L 41.3034 20.6517L 28.9124 33.0427L 45.4337 49.564L 20.6517 66.0854L 0 45.4337Z" transform="translate(0.00512695 0.174698)" fill="#00D1B2"/> </g> </svg>

Can we add to the whole package?

brand icon

Most helpful comment

Actually, the official "B" symbol is this one:

<svg width="220px" height="320px" viewBox="0 0 220 320" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polygon points="0 220 20 80 100 0 200 100 140 160 220 240 100 320" fill="#00D1B2"></polygon>
</svg>

All 9 comments

Actually, the official "B" symbol is this one:

<svg width="220px" height="320px" viewBox="0 0 220 320" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polygon points="0 220 20 80 100 0 200 100 140 160 220 240 100 320" fill="#00D1B2"></polygon>
</svg>

@jgthms I believe you are correct:)
I fell in love with your framework recently. Yesterday I was looking for the vector version of the logo, couldn鈥檛 find it on the official site(just the made with in png:(( )...so I started looking around! Guess what? I got that svg from I believed was your blog.

The version you provided is more elegant and short, I am happy you directly provided it!

Yeah I should create a "Logos" or "Press" page with the logo in different formats, and some screenshots too!

I would also totally love a bulma icon in here, also @jgthms the logo in different formats thing is always a good idea.

I guess I can make FA's work a bit easier.

the icons on the svg side are 512px high, so we could make it work for the icon:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512">
  <path d="M0 352L32 128L160 0L320 10L224 256L352 384L160 512Z"></path>
</svg>

I grabbed the header of svgs/solid/square-full.svg and calculated the points for a 512h version, as well as made it into a path, as the square full was using that instead of a poly so I guess path is preferred here.
is that okay the way I done it @jgthms ?

Just multiply every value by 1.6:

<svg width="352px" height="512px" viewBox="0 0 352 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polygon points="0 352 32 128 160 0 320 160 224 256 352 384 160 512" fill="#00D1B2"></polygon>
</svg>

this is exactly how I got the numbers, (except I missed one number, which I edited)

I just also made it into how the SVGs are on the Fontawesome side of things, (e.g. no fill needed)
so ideally they could literally just slap in the SVG into the repo (except for erasing some spaces and newlines), trying to make their work easier.

Ah I see. Thanks for your help!

no problem. I love bulma and chucked in your SVG into a custom micro-build of FA (7 icons incl Bulma) using icomoon just so I can throw on some credit for both Font Awesome and Bulma on the website of the company I'm in, just because they both are awesome.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

omnimint picture omnimint  路  3Comments

ufoczek picture ufoczek  路  3Comments

huuphat picture huuphat  路  3Comments

rufengch picture rufengch  路  3Comments

tdolph picture tdolph  路  3Comments