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-grip (Vertical drag & drop) #816

Closed
wwwlicious opened this Issue Mar 1, 2013 · 88 comments

Comments

Projects
None yet
@wwwlicious

wwwlicious commented Mar 1, 2013

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.

@davegandy

This comment has been minimized.

Show comment
Hide comment
@davegandy

davegandy Mar 29, 2013

Member

Dupe of #645

Member

davegandy commented Mar 29, 2013

Dupe of #645

@davegandy davegandy closed this Mar 29, 2013

@msegado

This comment has been minimized.

Show comment
Hide comment
@msegado

msegado Jul 24, 2013

I suspect the original poster intended something like this:

Asana: Asana drag handle
(Older) Gmail: Older Gmail drag handle

...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:

(Thanks for the great icons, by the way!)

msegado commented Jul 24, 2013

I suspect the original poster intended something like this:

Asana: Asana drag handle
(Older) Gmail: Older Gmail drag handle

...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:

(Thanks for the great icons, by the way!)

@andrefs

This comment has been minimized.

Show comment
Hide comment
@andrefs

andrefs Apr 24, 2014

+1 for @msegado clarification

andrefs commented Apr 24, 2014

+1 for @msegado clarification

@maxgalbu

This comment has been minimized.

Show comment
Hide comment
@maxgalbu

maxgalbu May 5, 2014

+1 to the grip for drag and drop (not resize)

maxgalbu commented May 5, 2014

+1 to the grip for drag and drop (not resize)

@hatpick

This comment has been minimized.

Show comment
Hide comment
@hatpick

hatpick May 15, 2014

+1, affordance for drag

hatpick commented May 15, 2014

+1, affordance for drag

@Ilyes512

This comment has been minimized.

Show comment
Hide comment
@Ilyes512

Ilyes512 commented Aug 29, 2014

+1

@kentchenj

This comment has been minimized.

Show comment
Hide comment
@kentchenj

kentchenj commented Sep 24, 2014

+1

@paxal78

This comment has been minimized.

Show comment
Hide comment
@paxal78

paxal78 commented Oct 7, 2014

+1

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Oct 7, 2014

Member

reopening here

Member

tagliala commented Oct 7, 2014

reopening here

@fungilation

This comment has been minimized.

Show comment
Hide comment
@fungilation

fungilation Oct 10, 2014

+1. I'm looking for using an icon like this

fungilation commented Oct 10, 2014

+1. I'm looking for using an icon like this

@brentalexander

This comment has been minimized.

Show comment
Hide comment

brentalexander commented Oct 14, 2014

+1

@aMoniker

This comment has been minimized.

Show comment
Hide comment
@aMoniker

aMoniker commented Oct 15, 2014

Yes!

@aMoniker

This comment has been minimized.

Show comment
Hide comment
@aMoniker

aMoniker Oct 16, 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 commented Oct 16, 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.

@ghost

This comment has been minimized.

Show comment
Hide comment
@ghost

ghost commented Nov 5, 2014

+1

@msegado

This comment has been minimized.

Show comment
Hide comment
@msegado

msegado Nov 11, 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 commented Nov 11, 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.

@tagliala tagliala changed the title from Icon Suggestion (Grip Icon for drag and drop) to Icon Request: icon-grip (Vertical drag & drop) Nov 11, 2014

@dangnelson

This comment has been minimized.

Show comment
Hide comment
@dangnelson

dangnelson commented Dec 17, 2014

+1
grabber

@ArthurClemens

This comment has been minimized.

Show comment
Hide comment
@ArthurClemens

ArthurClemens commented Dec 21, 2014

grab-example

I have created this for a project of mine. SVG at https://dl.dropboxusercontent.com/u/3892745/icon/grab.svg

@jasonhansel

This comment has been minimized.

Show comment
Hide comment
@jasonhansel

jasonhansel commented Jan 6, 2015

+1

@jerefrer

This comment has been minimized.

Show comment
Hide comment
@jerefrer

jerefrer commented Jan 10, 2015

+1

@yaru22

This comment has been minimized.

Show comment
Hide comment
@yaru22

yaru22 commented Jan 12, 2015

+1

@tusbar

This comment has been minimized.

Show comment
Hide comment
@tusbar

tusbar commented Jan 13, 2015

👍

@stuartlamour

This comment has been minimized.

Show comment
Hide comment

stuartlamour commented Jan 20, 2015

+1

@flashadvocate

This comment has been minimized.

Show comment
Hide comment
@flashadvocate

flashadvocate Jan 29, 2015

Can't believe this hasn't been added yet :(

flashadvocate commented Jan 29, 2015

Can't believe this hasn't been added yet :(

@wwwlicious

This comment has been minimized.

Show comment
Hide comment
@wwwlicious

wwwlicious Jan 29, 2015

I agree, thought this was a reasonable request. The +1's seem to suggest there is a demand for it.

wwwlicious commented Jan 29, 2015

I agree, thought this was a reasonable request. The +1's seem to suggest there is a demand for it.

@doot0

This comment has been minimized.

Show comment
Hide comment
@doot0

doot0 commented Feb 11, 2015

+1

@rcanand

This comment has been minimized.

Show comment
Hide comment
@rcanand

rcanand commented Feb 12, 2015

+1

@ckpicker

This comment has been minimized.

Show comment
Hide comment
@ckpicker

ckpicker commented Feb 16, 2015

+1

@thisispiers

This comment has been minimized.

Show comment
Hide comment

thisispiers commented Feb 16, 2015

+1

@flashadvocate

This comment has been minimized.

Show comment
Hide comment
@flashadvocate

flashadvocate Feb 18, 2015

@ArthurClemens thanks for that alternative. Put it to good use. :)

flashadvocate commented Feb 18, 2015

@ArthurClemens thanks for that alternative. Put it to good use. :)

@DKhalil

This comment has been minimized.

Show comment
Hide comment
@DKhalil

DKhalil commented Mar 9, 2015

+1

@johnjcorcoran

This comment has been minimized.

Show comment
Hide comment

johnjcorcoran commented Mar 16, 2015

+1

@koemeet

This comment has been minimized.

Show comment
Hide comment
@koemeet

koemeet Dec 17, 2015

Still no PR for this? +1 would not do much I guess

koemeet commented Dec 17, 2015

Still no PR for this? +1 would not do much I guess

@nurikabe

This comment has been minimized.

Show comment
Hide comment
@nurikabe

nurikabe commented Dec 21, 2015

+1

@bluesliverx

This comment has been minimized.

Show comment
Hide comment

bluesliverx commented Dec 26, 2015

+1

@aMoniker

This comment has been minimized.

Show comment
Hide comment
@aMoniker

aMoniker Dec 26, 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 commented Dec 26, 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)

@tagliala

This comment has been minimized.

Show comment
Hide comment
@tagliala

tagliala Jan 13, 2016

Member

@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

Member

tagliala commented Jan 13, 2016

@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

@aMoniker

This comment has been minimized.

Show comment
Hide comment
@aMoniker

aMoniker Jan 15, 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 commented Jan 15, 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

@sanek4life

This comment has been minimized.

Show comment
Hide comment
@sanek4life

sanek4life commented Apr 11, 2016

+1

@flo-rider

This comment has been minimized.

Show comment
Hide comment
@flo-rider

flo-rider Jul 7, 2016

Please add this, it's such a common and often used icon!!

flo-rider commented Jul 7, 2016

Please add this, it's such a common and often used icon!!

@Sarke

This comment has been minimized.

Show comment
Hide comment
@Sarke

Sarke Jul 21, 2016

+1, such a standard icon I was surprised it wasn't there already.

Sarke commented Jul 21, 2016

+1, such a standard icon I was surprised it wasn't there already.

@leonardovcid

This comment has been minimized.

Show comment
Hide comment

leonardovcid commented Aug 5, 2016

+1

@jophj

This comment has been minimized.

Show comment
Hide comment
@jophj

jophj commented Sep 2, 2016

+1

@gnapse

This comment has been minimized.

Show comment
Hide comment
@gnapse

gnapse Sep 5, 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 commented Sep 5, 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?

@macdabby

This comment has been minimized.

Show comment
Hide comment
@macdabby

macdabby Sep 9, 2016

+1 ... elipsis is a good temporary fix, but th might be even better

macdabby commented Sep 9, 2016

+1 ... elipsis is a good temporary fix, but th might be even better

@brandonaaskov

This comment has been minimized.

Show comment
Hide comment
@brandonaaskov

brandonaaskov Sep 11, 2016

We don't need anymore +1's. If you just want to vote it up, there's a way to do that now:
image

brandonaaskov commented Sep 11, 2016

We don't need anymore +1's. If you just want to vote it up, there's a way to do that now:
image

@fungilation

This comment has been minimized.

Show comment
Hide comment
@fungilation

fungilation Sep 11, 2016

Thumbs up!

(Sorry)
On Sun, Sep 11, 2016 at 8:06 AM Brandon Aaskov notifications@github.com
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
#816 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ADoJStvc4N7_hCqI8Bmij3jygsnGSoH1ks5qpBj6gaJpZM4Ad_Fe
.

fungilation commented Sep 11, 2016

Thumbs up!

(Sorry)
On Sun, Sep 11, 2016 at 8:06 AM Brandon Aaskov notifications@github.com
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
#816 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ADoJStvc4N7_hCqI8Bmij3jygsnGSoH1ks5qpBj6gaJpZM4Ad_Fe
.

@kjvdven

This comment has been minimized.

Show comment
Hide comment
@kjvdven

kjvdven Sep 16, 2016

I created a different icon for vertical drag & drop, not as an replacement, but as an alternative.

result:
drag-vertical 1x

svg sourcefile

kjvdven commented Sep 16, 2016

I created a different icon for vertical drag & drop, not as an replacement, but as an alternative.

result:
drag-vertical 1x

svg sourcefile

@brandonaaskov

This comment has been minimized.

Show comment
Hide comment
@brandonaaskov

brandonaaskov Sep 16, 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: #816 (comment)

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 commented Sep 16, 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: #816 (comment)

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.

@fsparv

This comment has been minimized.

Show comment
Hide comment
@fsparv

fsparv Oct 10, 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 commented Oct 10, 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).

@brandonaaskov

This comment has been minimized.

Show comment
Hide comment
@brandonaaskov

brandonaaskov Nov 11, 2016

Well, it looks like we can commission an icon for Font Awesome 5... does anyone here think the grip icon is worth $200?

image

brandonaaskov commented Nov 11, 2016

Well, it looks like we can commission an icon for Font Awesome 5... does anyone here think the grip icon is worth $200?

image

@chadwhitacre

This comment has been minimized.

Show comment
Hide comment
@chadwhitacre

chadwhitacre Nov 11, 2016

Should we have a fundraiser for the fundraiser? I'll chip in $5. :-P

chadwhitacre commented Nov 11, 2016

Should we have a fundraiser for the fundraiser? I'll chip in $5. :-P

@leonardovcid

This comment has been minimized.

Show comment
Hide comment
@leonardovcid

leonardovcid Nov 11, 2016

Good idea @whit537. #crowdfundedicon

leonardovcid commented Nov 11, 2016

Good idea @whit537. #crowdfundedicon

@ArthurClemens

This comment has been minimized.

Show comment
Hide comment
@ArthurClemens

ArthurClemens Nov 11, 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 commented Nov 11, 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/)

@theshelf

This comment has been minimized.

Show comment
Hide comment
@theshelf

theshelf Dec 15, 2016

Add your own class...

.fa-drag-handle:before {
    content: "\f142 \f142";
    letter-spacing: 2px;
}

theshelf commented Dec 15, 2016

Add your own class...

.fa-drag-handle:before {
    content: "\f142 \f142";
    letter-spacing: 2px;
}
@davidcalhoun

This comment has been minimized.

Show comment
Hide comment
@davidcalhoun

davidcalhoun Jan 19, 2017

@theshelf That works great - thanks!

For those wondering what it looks like:

screen shot 2017-01-19 at 2 24 16 pm

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;
}

screen shot 2017-01-19 at 2 22 23 pm

davidcalhoun commented Jan 19, 2017

@theshelf That works great - thanks!

For those wondering what it looks like:

screen shot 2017-01-19 at 2 24 16 pm

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;
}

screen shot 2017-01-19 at 2 22 23 pm

@sawatts

This comment has been minimized.

Show comment
Hide comment
@sawatts

sawatts Aug 29, 2017

Came here looking for a drag-handle for the lower-right corner; a LR triangle with the same texture.

sawatts commented Aug 29, 2017

Came here looking for a drag-handle for the lower-right corner; a LR triangle with the same texture.

@joshjGCB

This comment has been minimized.

Show comment
Hide comment
@joshjGCB

joshjGCB commented Mar 30, 2018

+1

@sensibleworld sensibleworld self-assigned this Apr 1, 2018

@sensibleworld sensibleworld removed their assignment May 11, 2018

@sensibleworld sensibleworld self-assigned this May 18, 2018

@sensibleworld sensibleworld added released and removed in progress labels Jun 21, 2018

@sensibleworld sensibleworld added this to the 5.1.0 milestone Jun 21, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment