Font-awesome: Icon Request: Resume/CV

Created on 23 May 2014  ·  89Comments  ·  Source: FortAwesome/Font-Awesome

Available in FA Pro new icon released web application icons

Most helpful comment

image
I got something OK-looking by overlaying fa-file-text with fa-user and throwing three white shadows to form a separation. I modified the code from #3640:
Add to your fa CSS:

.fa-sub {
   position: relative;
   left: -.5em;
   width: .2em;
   vertical-align: -.25em;
   text-shadow: -1px -1px 0px white, -1px 1px 0px white, -1px 0px 0px white; // optional contrast
 }

Then display the icon with:

<span>
   <i class="fa fa-file-text"></i>
   <i class="fa fa-sub fa-user"></i>
</span>

If you add fa-lg to the fa-file-text icon you get something more like this:
image

Of course a real icon would be much better but until then...

All 89 comments

I'm not such a big fan of the first one: it's a text document, all right, but where does it tell it's a resume? It still could be used for a generic fa-document, since I couldn't find this yet in the existing set.

@stevenvh17 I agree.. but I couldn't find better examples.. Ill post if I find anything better..

+1
if you go to : http://preview.premium-contao-themes.com/titanum/demo/icon-font.html and search for "icon-vcard" u propaply will find another example

+1

any updates ?

@muhammedabuali this request is not so popular, take a look here: https://github.com/FortAwesome/Font-Awesome/wiki/Customize-Font-Awesome

+1

Adding my support for an icon in the shape of what @ThePCDguy or @jonathanhammond suggest.

Were we able to add this icon?

+1, fa-file-text is inadequate for communicating a link to a CV

+1

+1. I'm a big fan of the icon examples provided in this issue report - a document that looks personal rather than just text-based. I managed to make something by stacking file, user, and the text 'CV', but it's nowhere near as polished or aligned as a real icon would be.

+1

+1. it would be great to have a dedicated icon for resume

+1

Hello, my name's Rob. I actually designed the first icon that was posted on this thread for a school project! I'd love to help develop something more useful if there's a need.

+1

+1

+1

+1

+1

+1 Would be great!

+1 looking for a resume icon 👍

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+10

+1

+1

+1 Will use fa-file-text for now

For those who want an alternative, here is one:

Download the free version of IcoMoon icons pack from https://icomoon.io/#icons-icomoon

  • Include the file "Font/IcoMoon-Free.ttf" in your site

  • Use the following css rules in order to use IcoMoon fonts:

@font-face { font-family: 'IcoMoon-Free'; src: url('Font/IcoMoon-Free.ttf') format('truetype'); /* Change url to where you placed the ttf file */ font-weight: normal; font-style: normal; }

.icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'IcoMoon-Free', sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

  • To use "resume" icon, add the following css rule:

.icon-resume:before { content: "\e923"; }

  • Here's a usage example:

<a href="#" class="btn btn-lg btn-outline" data-toggle="modal"> <i class="icon icon-resume" aria-hidden="true"></i> Curriculum Vitae </a>

+1

+1

+1

+1

+1

+1

image
I got something OK-looking by overlaying fa-file-text with fa-user and throwing three white shadows to form a separation. I modified the code from #3640:
Add to your fa CSS:

.fa-sub {
   position: relative;
   left: -.5em;
   width: .2em;
   vertical-align: -.25em;
   text-shadow: -1px -1px 0px white, -1px 1px 0px white, -1px 0px 0px white; // optional contrast
 }

Then display the icon with:

<span>
   <i class="fa fa-file-text"></i>
   <i class="fa fa-sub fa-user"></i>
</span>

If you add fa-lg to the fa-file-text icon you get something more like this:
image

Of course a real icon would be much better but until then...

+1

+1

+1

+1 looking for a resume icon 👍

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1
You could just have an existing document icon with the letters "CV" somewhere (top left, top right)

+1

+1

+1

+1

+1

Please notice that this icon is available in FA Pro:

If you have something different in mind, feel free to start a new request by filling out our new icon request template

Thank you!👏🏽   Can one hope for a free version on the horizon for those looking for development positions?

Thank!!!✨🙌

+1

Was this page helpful?
0 / 5 - 0 ratings

Related issues

petermolnar picture petermolnar  ·  3Comments

AndersDK12 picture AndersDK12  ·  3Comments

yarcowang picture yarcowang  ·  3Comments

tdolph picture tdolph  ·  3Comments

ojvribeiro picture ojvribeiro  ·  3Comments