Copyleft symbol

Question

Is there any easy way to print the copyleft symbol?

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

For example as simple as:
© ©

It might be:
&anticopy; &anticopy;

Answer 1

What about some CSS ?

.copyleft {
  display:inline-block;
  transform: rotate(180deg);
}

<span class="copyleft">&copy;</span>

Answer 2

It was just added as part of Unicode 11.0.

Code point: U+1F12F COPYLEFT SYMBOL

html entity: 🄯 or 🄯

Answer 3

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

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

<span>&copy;</span>

You have an html tag in your post, so I assume it's for webbased ends. This might be something you can use.

Answer 4

Simpler,

CSS:

.copyleft {
  display: inline-block;
  transform: rotate(180deg);
}

.copyleft::after {
  content: "\00a9";
}

HTML:

<span class="copyleft"/>

Notes:

• It uses CSS's content property to draw the copyleft symbol (CSS code) -- see table of special characters with their symbols

Answer 5

According to the article,

The copyleft symbol is a backwards C in a circle (copyright symbol © mirrored). It has no legal significance.[49]

Because it is unavailable on Unicode, it can be approximated with character U+2184 ↄ LATIN SMALL LETTER REVERSED C or the more widely available character U+0254 ɔ LATIN SMALL LETTER OPEN O between parenthesis '(ɔ)' or, if supported by the application, by combining it with the character U+20DD ↄ⃝ COMBINING ENCLOSING CIRCLE: 'ↄ⃝'.[50] A discussion on the Unicode mailing list in July 2012, contended that there are other ways to insert the copyleft symbol, so it need not be encoded.[51]

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

What you can always do is using CSS with 3d transformations, use for your letter:

transform: rotateY(180deg);

but of course be aware of vendor prefixes / browsers which do not support it

Answer 6

if your are familiar with font awesome you can use:

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

Answer 7

These answers are good, but I found that the copyleft symbol would be very low relative to other characters of text on a given line, due to the nature of the rotation. To fix this, I added relative positioning so that I could slide my copyleft symbol up in order to be in-line with all of the text.

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

Tweak top as needed.

Answer 8

This solution is a little more expressive than the other options provided. By doing it this way, we have much cleaner HTML code.

copyleft:before {                                                                                                                  
  content: "©";                                                                                                                    
}                                                                                                                                  

copyleft {                                                                      
  font-weight:100;                                                                                                                     
  opacity:0.7;                                                                                                                   
  vertical-align:middle;                                                                                                           
  display:inline-block;                                                         
  transform: rotate(180deg);                                                    
}    

The final result in the HTML would be:

<copyleft />

Answer 9

Here is the code I use which just flip horizontally the © symbol.

/* Copyleft
-------------------------------------------------- */
.copyleft {
  display: inline-block;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

<span class="copyleft">&copy;</span>

Answer 10

As not every font is encoding the Unicode copyleft character, a trick using previous answers:

    normal text <style>.copyleft {
      display: inline-block;
      transform: rotateY(180deg);
    }
    .copyleft::after {
      content: "\00a9";
    }
    </style>

    <span class="copyleft"></span>normal text again

Strangely, on Thunderbird, after <span class="copyleft"/> normal text is mirrored but <span class="copyleft"></span> works smoothly. Inline CSS is not the best but for Thunderbird it does the trick and you can just insert <span class="copyleft"></span> for following occurrences.