Copyleft Symbol

Is there an easy way to print a copyleft character?

enter image description here

https://en.wikipedia.org/wiki/Copyleft

For example, simply:
& Copy; ©

It could be:
& Anti-Copying; &anticopy;

+6
source share
6 answers

What about CSS?

 .copyleft { display:inline-block; transform: rotate(180deg); } 
 <span class="copyleft">&copy;</span> 
+11
source

As smnbbrv said in his answer, it is not available. However, with some style you can achieve the desired result:

 span { font: 18px Arial, sans-serif; display: inline-block; transform: rotate(180deg); } 
 <span>&copy;</span> 

You have the html tag in your post, so I assume that it is for websites. It could be something you can use.

+6
source

In accordance with the article ,

The copyleft symbol represents the reverse side of C in a circle (copyright symbol Β© Mirror). This does not have legal significance. [49]

Since it is not available in Unicode, it can be approximated by the character U + 2184 ↄ LATIN SMALL LETTER REVERSED C or the more widely accessible character U + 0254 Ι” LATIN SMALL LETTER OPEN O between the brackets "(Ι”)" or, if supported by the application, by combining it with symbol U + 20DD ↄ⃝ COMBINATION CIRCULATION: 'ↄ⃝'. [50] a discussion on the Unicode mailing list in July 2012 claimed that there are other ways to insert a copyleft character, so it does not need to be encoded. [51]

You need to read the articles that you give to the end.

What you can always do is use CSS with 3D transforms, use for your writing:

 transform: rotateY(180deg); 

but, of course, be aware of vendor prefixes / browsers that don't support it

+3
source

if you are familiar with a font you can use:

 <i class="fa fa-copyright fa-flip-horizontal"></i> 
+3
source

Simpler,

CSS

 .copyleft { display: inline-block; transform: rotate(180deg); } .copyleft::after { content: "\00a9"; } 

HTML:

 <span class="copyleft"/> 

Notes:

+3
source

These answers are good, but I found that the copyleft character would be very low compared to other text characters on this line due to the nature of the rotation. To fix this, I added relative positioning so that I can move the copyleft character up to be able to with all the text.

 .copyleft { position: relative; top: -5px; display:inline-block; transform: rotate(180deg); } 

Change the top if necessary.

+2
source

All Articles