Font-awesome: Icon Request: broken heart

[MelOcho]

Hi,
Looking for a broken heart icon to go with the fa-heart icon.

Cheers :-)

[LegoStormtroopr]

I hope you have no reason to use it, but in the interim you can make it from an fa-heart and fa-bolt pretty easily (jsfiddle) getting this:

The code for it is included below too:

HTML:

<span class="fa-stack fa-3x">
    <i class="fa fa-heart fa-stack-1x"></i>
    <i class="fa fa-bolt fa-stack-1x fa-inverse"></i>
</span>

CSS:

.fa-heart {
    color:#E4287C;
}
.fa-bolt {
    top:-5%;
    left:2%;
    font-size:70%;
}

[MelOcho]

Oh thanks!! excellent thanks for your help :-)

Sent from my Samsung Galaxy smartphone.

-------- Original message --------
From: Samuel Spencer [email protected]
Date:29/12/2014 05:25 (GMT+00:00)
To: FortAwesome/Font-Awesome [email protected]
Cc: MelOcho m.[email protected]
Subject: Re: [Font-Awesome] Icon Request: broken heart (#5301)

I hope you have no reason to use it, but in the interim you can make it from an fa-heart and fa-bolt pretty easily (jsfiddle) getting this:

The code for it is included below too:

HTML:

<span class="fa-stack fa-3x">
    <i class="fa fa-heart fa-stack-1x"></i>
    <i class="fa fa-bolt fa-stack-1x fa-inverse"></i>
</span>

CSS:

.fa-heart {
    color:#E4287C;
}
.fa-bolt {
    top:-5%;
    left:2%;
    font-size:70%;
}

---

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

[davidklebanoff]

This appears to be a duplicate of #751.

[tagliala]

@davidklebanoff thanks

closing here, please +1 #751 and post there examples, workarounds

[UAEpro]

@LegoStormtroopr i have transform: scaled the bolt to the end of the heart,
http://jsfiddle.net/kaowm9dq/28/
css:
.fa-bolt { top:0%; left:2%; font-size:70%; transform: scale(0.8, 1.25); }