Copyleft symbol - html

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">©</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>©</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">©</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.