Font-awesome: Icon Request: icon-hexagon icon-square icon-hexagon-radius icon-square-radius

Created on 14 Jun 2013  ·  108Comments  ·  Source: FortAwesome/Font-Awesome

Hello,

I need some geometrical fonts. Specially hexagon and hexagon + radius and also square, square + radius.

Image request link is here.

https://www.dropbox.com/s/j8rpzrqblp8hges/fontawesome-add-requist.png

Thanks for awesome icons.

new icon web application icons

Most helpful comment

For those waiting for hexagons. I needed them badly, so I did some research and found this awesome site to build hexagons with CSS http://csshexagon.com/

However, there you design one, then you copy and paste the code. The problem is that is one shot and not dynamically flexible because all the units are pixels. So I break down the geometry and math required and converted to em units. Then I added a couple of tricks to add icons inside, variables to change the color and width only on one place and using filters to add drop shadow.

sample-1

This will only work on Firefox and Chrome as it, because Edge still do not support CSS variables, forget about Internet "Exploder". At least, if you need support for Edge then you will need to replace the variables on all the locations where the variables are used, but it will make the hexagon color and width static and cannot be changed on the fly.

Based on this research other shapes could be possible, but I do not have them time and I do not have need for them at the moment.

Here is a jsfiddle with the FA stack extensions that I have been working with some samples.

https://jsfiddle.net/cherrador/jomgLb2h/

Let me know if you find this useful or if you have some suggestions.

All 108 comments

They could be useful for stacking too

Agreed. I'll consider for 4.0. I really want to take stacking and layering to the next level.

Thanks @davegandy my current project requires that kind of shapes. I wondered font awesome will be best solution because i'm using it current project.

+1

+1

+1

:+1:

:+1:

@smmoosavi you could, but support is poor: I can't see those glyphs on windows 7

+1

:+1:

+1

+1

+1

@davegandy How about this icons ;) Please consider about those.

People need this kind of icons, me too.

Thanks.

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

Wow someone is creating fake accounts to spam this thread: I mean, I want that Icon too but come on man.

+1

These are not fake account, all of those are real people. They are coming from our Little Web Development Group ;)

Well, excuse me then. Looked like it because of a few recently created accounts.
Whatever - I'm unsubscribing to this thread as this is spamming my mail box.
Good luck!

+1

me too. +1

+1

+1 Please!

+1

+ 1

+1

+1

+1

:+1:

+1

+1 needed asap please :)

:+1: +1

+1
trying the unicode hex but it does not work on all browsers

+1
I also need a hexagon icon.

I also need a hexagon icon too. Would be awesome to have 15 or so geometrical shapes in a font awesome category, as people are saying great for stacking and other purposes.

+1

+1 for hexagon!

+1

+1

+1

Any progress with this? It was opened a long time ago with many :+1: and no feedback for over a month.

+1

+1 :+1:

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

:+1:

+1

:+1: Why is this not already a thing?

icons

Three potential class names...

  • fa-hex (solid)
  • fa-hex-thin (thin outline)
  • fa-hex-o (outline)

+1

+1

+1

On Sun, Jan 24, 2016 at 12:06 AM, Estera Kot [email protected]
wrote:

+1


Reply to this email directly or view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/1302#issuecomment-174196453
.

+1

+1

+1

+1

+1 This are could be extremely useful for stacks, we need also a rectangle.

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

For those waiting for hexagons. I needed them badly, so I did some research and found this awesome site to build hexagons with CSS http://csshexagon.com/

However, there you design one, then you copy and paste the code. The problem is that is one shot and not dynamically flexible because all the units are pixels. So I break down the geometry and math required and converted to em units. Then I added a couple of tricks to add icons inside, variables to change the color and width only on one place and using filters to add drop shadow.

sample-1

This will only work on Firefox and Chrome as it, because Edge still do not support CSS variables, forget about Internet "Exploder". At least, if you need support for Edge then you will need to replace the variables on all the locations where the variables are used, but it will make the hexagon color and width static and cannot be changed on the fly.

Based on this research other shapes could be possible, but I do not have them time and I do not have need for them at the moment.

Here is a jsfiddle with the FA stack extensions that I have been working with some samples.

https://jsfiddle.net/cherrador/jomgLb2h/

Let me know if you find this useful or if you have some suggestions.

+1

👍

+1

+1

+1

+1
Bump.

:+1:

+1

+100

+1

+1

+1

+1

These were released as part of Font Awesome 5 :) Icons have a slight rounding on the edges, as that's consistent with our general look/feel: https://fontawesome.com/icons?d=gallery&c=shapes

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rufengch picture rufengch  ·  3Comments

petermolnar picture petermolnar  ·  3Comments

yarcowang picture yarcowang  ·  3Comments

ojvribeiro picture ojvribeiro  ·  3Comments

lickmydesign picture lickmydesign  ·  3Comments