Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

icon request: icon-thin-close (thinner icon-times / icon-close) #1540

Closed
fxck opened this issue Jul 10, 2013 · 158 comments
Closed

icon request: icon-thin-close (thinner icon-times / icon-close) #1540

fxck opened this issue Jul 10, 2013 · 158 comments
Assignees
Labels
Available in FA Pro light Request for light version of an icon new icon web application icons (legacy category) Uncategorized or old category

Comments

@fxck
Copy link

fxck commented Jul 10, 2013

could you add a lighter version of <i class="icon-remove"></i>

similar to angle/chervon fashion

@tagliala
Copy link
Member

any suggestion?

@fxck
Copy link
Author

fxck commented Jul 10, 2013

completely the same style as the current icon-remove, just twice as thin.. the smallest(14px) icon-remove is 2px wide, so the lighter version should be 1px and so on..

could look sorta like this

icon

@tagliala
Copy link
Member

something like ×, the &times; html entity used by bootstrap to close alerts?

If yes, can you please rename as icon-close?

@fxck
Copy link
Author

fxck commented Jul 10, 2013

Indeed I would use it to close rather than remove.

@smsgrafica
Copy link

+1

@mxmzb
Copy link

mxmzb commented Dec 1, 2013

+1 :)

@isetz
Copy link

isetz commented Dec 12, 2013

+1 !!

@gercheq
Copy link

gercheq commented Dec 30, 2013

+1

2 similar comments
@korndoerfer
Copy link

+1

@SunnyIzr
Copy link

+1

@antidiestro
Copy link

+1000. much needed

@gercheq
Copy link

gercheq commented Jan 31, 2014

Feels like http://fontastic.me/ is a better way to handle icon fonts going
forward.

-- Gerçek

On Thu, Jan 30, 2014 at 7:02 PM, René Morales notifications@github.comwrote:

+1000. much needed


Reply to this email directly or view it on GitHubhttps://github.com//issues/1540#issuecomment-33708129
.

@cfxd
Copy link

cfxd commented Feb 26, 2014

+1 very much needed

@oriadam
Copy link

oriadam commented Mar 22, 2014

+1

1 similar comment
@mattiasaxelsson
Copy link

+1

@chaosavatar
Copy link

+1

@chaosavatar
Copy link

close

@gercheq
Copy link

gercheq commented May 22, 2014

If you need this icon, use http://fontastic.me to build your own custom font icons.

-- Gerçek

On Wed, May 21, 2014 at 4:45 PM, chaosavatar notifications@github.comwrote:

[image: close]https://cloud.githubusercontent.com/assets/980807/3040725/112cc7a0-e0ee-11e3-8bc2-31f0e0cd5416.png


Reply to this email directly or view it on GitHubhttps://github.com//issues/1540#issuecomment-43755733
.

@tagliala
Copy link
Member

@gercheq thanks but I slightly edited your message, since fontastic.me uses fontawesome

@gercheq
Copy link

gercheq commented May 22, 2014

@tagliala you can use any icon via fontastic.me. Just pick and choose what you want and build your own custom font. Smaller size, better performance. You don't need to wait someone else to add an icon for you.

@asim-bashir-confiz
Copy link

+1

@aorcsik
Copy link

aorcsik commented Feb 26, 2017

Add this to your css:

.fa-angle-times::before {
    content: "\F105\F104";
    letter-spacing: -0.15em;
}

Usage:

<i class="fa fa-angle-times"></i>

@clearchaos
Copy link

Perfect @aorcsik ! Thank you.

@nicolassharp
Copy link

nicolassharp commented Apr 5, 2017

+1

@remcokalf
Copy link

+1 for icon-thin-close
It would be nice if it pairs well with the thinness of fa-bars, for hamburger menu open/close actions.

@ghost
Copy link

ghost commented Dec 1, 2017

Still nothing?! Almost 4 and a half year and no thin close/times icon? OMFG

@silverkorn
Copy link

Still waiting for my broom (#239)...
Dust has accumulated for 5 years and an half now...

@wpexplorer
Copy link

+1

@Putzilla
Copy link

Putzilla commented Feb 8, 2018

I believe this is solved by <i class="fal fa-times"></i> in Font Awesome 5 Pro correct?

@ghost
Copy link

ghost commented Feb 9, 2018

@Putzilla correct.
But i have PRO TIP for You guys!

✖ works really well. The HTML code is &#10006;
and it's free!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Available in FA Pro light Request for light version of an icon new icon web application icons (legacy category) Uncategorized or old category
Projects
None yet
Development

No branches or pull requests