Es gibt viele Unicode-Symbole, die bereits ziemlich gute Icons abgeben, wie Pfeile (←), Markierungen (✘) und Objekte (✂︎). Man kann sie bereits wie normale Schriftglyphen einfärben. Dann gibt es noch Emojis, diese vollfarbigen Dinger, die wir alle kennen. Was wäre, wenn man nur die *Form* eines Emojis nehmen und es wie ein normales Glyphen verwenden könnte? Das geht!
Preethi Sam zeigt wie
.icon {
color: transparent;
text-shadow: 0 0 #ec2930;
}Außerdem eine alternative Technik mit background-clip. Beachten Sie, dass Emojis plattformübergreifend unterschiedlich gerendert werden, also Vorsicht!
Die ursprüngliche Quelle hierfür wurde verschoben und leitet auf eine völlig andere Domain um. Sie wurde entfernt, um zu verhindern, dass jemand auf einer verdächtigen Seite landet.