I'm building a blog interface and I need a button to represent my copy URL link action in my blog post pages. The button will be side by side with other social media share icons. I'm trying to decide between these 3 options. Which one is the most intuitive?

enter image description here

  • 1
    Is the URL itself displayed? In most cases where I've done something like this we show the URL that will be copied and have a "Copy" or "Copy URL" button next to it: i.stack.imgur.com/12KGU.png StackExchange does pretty much the same thing when you click "share" beneath a post. – Zach Saucier Dec 17 '19 at 16:05
  • That's a great solution, but in my case, the URL will not be displayed. It will be in the browser's address bar and the button is in the middle of the page. Thank you for your comment! – alanahere Dec 17 '19 at 19:19

Copy to clipboard button is a relative new think compared to other internet and computer functionalities. So everyone is still "teaching" this process by including Icon + Text

Options A & B

Options A & B will satisfy your needs only if they are accompanied by the link itself or a "Copy Link" text.


Google (mobile)

enter image description here


enter image description here

Apple (Instagram)

This proves it can be intuitive without any icon

enter image description here

Option C

Option C should be used when you have two ways of copying to clipboard. For example: Copying content itself or content's URL as image below.

enter image description here

| improve this answer | |
  • Thank you for the detailed answer. I think I'll use option A and put the text "copy link" next to the icon. Obrigada! – alanahere Dec 17 '19 at 19:25
  • B does not lend itself intuitively as an icon to indicate copy, moreso just url - personally I would go with C + "copy link" text – RozzA Dec 18 '19 at 1:06

Your option A is a mere "Copy" button. It's like a Ctrl + C shortcut and it's not specifically related to links.

Your option B is a hyperlink button. Which is related to URL's for sure, but sometimes it's used in Create hyperlinks actions.

You should go with Option C, which combines the two actions. Hyperlink AND Copy.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.