: Copy-to-clipboard icon for code blocks My problem I am building a tutorial site with code blocks that the user should copy and paste into their console. I would like to add a copy button to

Posted in: #Icon

My problem

I am building a tutorial site with code blocks that the user should copy and paste into their console. I would like to add a copy button to the code snippets that would intuitively make them click on it on order to copy the code in the block.

I found quite a few icons, and I wonder whether there is a convention for such a copy-code-text icon.

What have I tried

Searched "Copy Icons", "Copy to console icon" and so on
Looked at a few sites with code samples, but found nothing cnclusive

My question

What is the right icon for the "copy code in snippet" action in an HTML page?

10.01% popularity Vote Up Vote Down

: InDesign: how to prepare document for packaging I'm using InDesign to design a packaging that has different large sides, flaps, bleed, etc. and artwork all over these. Which is the smartest way

@Bryan765

Posted in: #AdobeIndesign #DocumentSetup #HowTo #PrintProduction

3 Comments

: How to create this "clover" image on Illustrator Long time listener, first time caller. I have this logo I have been playing around in Canva with and I want to recreate it in Illustrator

@Bryan765

Posted in: #AdobeIllustrator

2 Comments

: How to assign and execute a custom JavaScript function to a button on inDesgin? I am new in scripting. I have checked other answers and a few tutorials but I failed to find a way to assign

@Bryan765

Posted in: #AdobeIndesign #IndesignScripting #Javascript

0 Comments

: PS CS6: Confirm and deselect with Escape Are there settings in Photoshop CS6 to confirm and deselect for example a text frame when pressing escape? By default escape cancels the editing.

@Bryan765

Posted in: #AdobePhotoshop #Cs6

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Angie364

I would use something like this.

The is pretty universally used to reference code for HTML vs {} that we use on here for other forms of code.

A generic copy icon behind it works nicely and then you could have a "toggle state" for pasting the copied code. You could even use a scisors.

Try out some combinations and see what you come up with!

10% popularity Vote Up Vote Down

Feed

: Copy-to-clipboard icon for code blocks My problem I am building a tutorial site with code blocks that the user should copy and paste into their console. I would like to add a copy button to

More posts by @Bryan765

: InDesign: how to prepare document for packaging I'm using InDesign to design a packaging that has different large sides, flaps, bleed, etc. and artwork all over these. Which is the smartest way

: How to create this "clover" image on Illustrator Long time listener, first time caller. I have this logo I have been playing around in Canva with and I want to recreate it in Illustrator

: How to assign and execute a custom JavaScript function to a button on inDesgin? I am new in scripting. I have checked other answers and a few tutorials but I failed to find a way to assign

: PS CS6: Confirm and deselect with Escape Are there settings in Photoshop CS6 to confirm and deselect for example a text frame when pressing escape? By default escape cancels the editing.

Login to post a comment!

1 Comments

Back to top | Use Dark Theme