Font-awesome: Icon Request: icon-grip (Vertical drag & drop)
Typically a grip is represented by some dots, it would be great to have an icon like this for denoting draggable elements on a UI.
wwwlicious
All 88 comments
Dupe of #645
davegandy
on 29 Mar 2013
I suspect the original poster intended something like this:
Asana: 
(Older) Gmail: 
...it's distinct from the type of grip you'd use to resize a window (which seems to be what #645 is talking about).
Other examples of the pattern:
- Joomla 3
- Google Currents
- Plone 4 CMS
- http://dribbble.com/shots/1099577-Drag-N-Drop
- http://dribbble.com/shots/1122513-Dragndrop
(Thanks for the great icons, by the way!)
msegado
on 24 Jul 2013
+1 for @msegado clarification
andrefs
on 24 Apr 2014
+1 to the grip for drag and drop (not resize)
maxgalbu
on 5 May 2014
+1, affordance for drag
hatpick
on 16 May 2014
+1
Ilyes512
on 29 Aug 2014
+1
kentchenj
on 24 Sep 2014
+1
paxal78
on 7 Oct 2014
reopening here
tagliala
on 7 Oct 2014
+1. I'm looking for using an icon like this
fungilation
on 10 Oct 2014
+1
brentalexander
on 14 Oct 2014
Yes!
aMoniker
on 15 Oct 2014
I was really looking for a sort icon... which fa-sort is perfect for.
If you want a 'grip' icon like those above, you could always use two fa-ellipsis-h or fa-ellipsis-v icons and adjust their positioning within a container.
aMoniker
on 16 Oct 2014
+1
ghost
on 5 Nov 2014
FYI, the dotted grip icon I posted pictures of has also been proposed/discussed in #93, #2239, and #3374. I'll post to those to suggest consolidating here.
msegado
on 11 Nov 2014
+1
dangnelson
on 17 Dec 2014
I have created this for a project of mine. SVG at https://dl.dropboxusercontent.com/u/3892745/icon/grab.svg
ArthurClemens
on 21 Dec 2014
+1
jasonhansel
on 6 Jan 2015
+1
jerefrer
on 10 Jan 2015
+1
yaru22
on 12 Jan 2015
:+1:
tusbar
on 13 Jan 2015
+1
stuartlamour
on 20 Jan 2015
Can't believe this hasn't been added yet :(
flashadvocate
on 29 Jan 2015
I agree, thought this was a reasonable request. The +1's seem to suggest there is a demand for it.
wwwlicious
on 29 Jan 2015
+1
doot0
on 11 Feb 2015
+1
rcanand
on 12 Feb 2015
+1
ckpicker
on 16 Feb 2015
+1
thisispiers
on 16 Feb 2015
@ArthurClemens thanks for that alternative. Put it to good use. :)
flashadvocate
on 18 Feb 2015
+1
DKhalil
on 10 Mar 2015
+1
johnjcorcoran
on 16 Mar 2015
+10
mrtoddandrews
on 24 Mar 2015
+1
georgeportillo
on 6 Apr 2015
This seems pretty essential!
hughes
on 6 Apr 2015
Two side-by-side ellipsis-v icons can achieve the same effect.
hughes
on 6 Apr 2015
@hughes Nice trick, thanks :)
jerefrer
on 6 Apr 2015
+1
yagobski
on 8 May 2015
Solution using ellipsis-v icons :
/* \f142 is ellipsis-v */
/* \202F is thin unbreakable space */
.fa.fa-grip:before {
content: "\f142 \202F \f142 \202F \f142";
}
.fa.fa-grip-large:before {
content: "\f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142";
}
fa-grip-large : <i class="fa fa-grip-large fa-rotate-90"></i>
<br>
<br>
<br>
fa-grip <i class="fa fa-grip"></i>
Result :
abanctelchevrel
on 13 May 2015
👍👍👍👍👍
dangnelson
on 13 May 2015
+2
ntucker
on 23 May 2015
+1
TLJens
on 26 Jun 2015
:+1:
mmahalwy
on 21 Jul 2015
+1
gregaubert
on 29 Jul 2015
+1 !!
sashako
on 26 Aug 2015
+1
ryanwinchester
on 29 Aug 2015
+1
phrfpeixoto
on 2 Sep 2015
+1 +1 +1 !!!
ashrocket
on 15 Sep 2015
First, thanks to @abanctelchevrel for a solution I can use today; that's most important. Second, +1. Has anyone submitted a PR for this? Is there a reason this issue is ongoing? I'm happy to push up a solution instead of just a "+1" but I want to make sure I'm tackling it in a way that's preferred.
brandonaaskov
on 17 Sep 2015
+1
PhoenixFnX
on 22 Sep 2015
+1
ratron
on 22 Sep 2015
+1
enkodellc
on 28 Sep 2015
Would love that kind of icon too!
cvillemure
on 29 Sep 2015
+1
readme42
on 7 Oct 2015
+1
andreasvoigt
on 7 Oct 2015
+1, particularly the example from @dangnelson
zackirby
on 8 Oct 2015
+1
VijayKumarMidde
on 28 Oct 2015
+1
tim-ojo
on 2 Nov 2015
+1
tbracken
on 18 Nov 2015
+1
ellesse
on 30 Nov 2015
1+
afdecastro879
on 30 Nov 2015
+1
chadwhitacre
on 11 Dec 2015
Still no PR for this? +1 would not do much I guess
koemeet
on 17 Dec 2015
+1
nurikabe
on 21 Dec 2015
+1
bluesliverx
on 26 Dec 2015
I think we have enough +1's at this point.
Everyone wants this feature, and no one wants their inbox spammed.
No more replies please, unless you have created a solution. Thanks.
(and no ironic +1's to this comment)
aMoniker
on 26 Dec 2015
@aMoniker please unsubscribe this thread if you don't want to be spammed
Solution valid for any icon request: custom build https://github.com/FortAwesome/Font-Awesome/wiki/Customize-Font-Awesome
tagliala
on 13 Jan 2016
@tagliala my appeal was on behalf of the inboxes of everyone on this thread, not just myself.
The issue is pretty well known. If you're maintaining this project, you could even sign this open letter: https://github.com/dear-github/dear-github
aMoniker
on 15 Jan 2016
+1
sanek4life
on 11 Apr 2016
Please add this, it's such a common and often used icon!!
flo-rider
on 7 Jul 2016
+1, such a standard icon I was surprised it wasn't there already.
Sarke
on 22 Jul 2016
+1
leonardovcid
on 5 Aug 2016
+1
jophj
on 2 Sep 2016
Ok, I would add a +1 comment to this, but it seems pointless. Is this being at least considered for the future or not? And if not, why?
gnapse
on 5 Sep 2016
+1 ... elipsis is a good temporary fix, but th might be even better
macdabby
on 10 Sep 2016
We don't need anymore +1's. If you just want to vote it up, there's a way to do that now:
brandonaaskov
on 11 Sep 2016
Thumbs up!
(Sorry)
On Sun, Sep 11, 2016 at 8:06 AM Brandon Aaskov [email protected]
wrote:
We don't need anymore +1's. If you just want to vote it up, there's a way
to do that now:
[image: image]
https://cloud.githubusercontent.com/assets/445778/18418183/b2b804e4-780f-11e6-8657-645dfa41f15c.png—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/816#issuecomment-246185099,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ADoJStvc4N7_hCqI8Bmij3jygsnGSoH1ks5qpBj6gaJpZM4Ad_Fe
.
fungilation
on 11 Sep 2016
I created a different icon for vertical drag & drop, not as an replacement, but as an alternative.
result:
kjvdven
on 16 Sep 2016
I'm gonna be honest... I have no idea how to contribute a font to this project. There's no clear guidelines to contributing that kind of change. That said, the first item on the list under "Submitting Pull Requests" is "Please do not submit new icons."
In the Contributing to Font Awesome guidelines, it lays out the process for requesting an icon, which is exactly what this issue is.
I'll attempt to speak for everyone in that this issue is about an icon that looks just like this: https://github.com/FortAwesome/Font-Awesome/issues/816#issuecomment-67329564
Since the maintainers of the project don't want the community creating new icons, and this issue has been open for 3.5 years, and it _definitely isn't a dupe_ @davegandy, I have to imagine nothing is ever going to happen here.
brandonaaskov
on 16 Sep 2016
@ArthurClemens could you please provide an open source license for your svg above? (such a shame this issue is languishing. Seems such a basic thing to have).
fsparv
on 10 Oct 2016
Well, it looks like we can commission an icon for Font Awesome 5... does anyone here think the grip icon is worth $200?
brandonaaskov
on 11 Nov 2016
Should we have a fundraiser for the fundraiser? I'll chip in $5. :-P
chadwhitacre
on 11 Nov 2016
Good idea @whit537. #crowdfundedicon
leonardovcid
on 11 Nov 2016
I have added a license to the grab icon above: https://dl.dropboxusercontent.com/u/3892745/icon/License.txt
(Attribution 4.0 International (CC BY 4.0) https://creativecommons.org/licenses/by/4.0/)
ArthurClemens
on 11 Nov 2016
Add your own class...
.fa-drag-handle:before {
content: "\f142 \f142";
letter-spacing: 2px;
}
theshelf
on 15 Dec 2016
@theshelf That works great - thanks!
For those wondering what it looks like:
For more consistent scaling at different font sizes, you can use relative units such as em or rem instead of px:
.fa-drag-handle:before {
content: "\f142 \f142";
letter-spacing: 0.1em;
}
davidcalhoun
on 19 Jan 2017
Came here looking for a drag-handle for the lower-right corner; a LR triangle with the same texture.
sawatts
on 29 Aug 2017
+1
jpjanos
on 30 Mar 2018
https://fontawesome.com/icons/grip-vertical?style=solid
https://fontawesome.com/icons/grip-horizontal?style=solid
sensibleworld
on 21 Jun 2018
Related issues
desspro
·
3Comments
lickmydesign
·
3Comments
brystfire08
·
3Comments
tdolph
·
3Comments
AndersDK12
·
3Comments
Most helpful comment
Solution using ellipsis-v icons :
Result :
