Cadenas en pure CSS

Voici un petit script CSS qui permet d’afficher un cadenas sans image, seulement en CSS.
Le HTML
Le CSS
Le Résultat
Sur CodePen avec SCSS
See the Pen Padlock in pure CSS by lriaudel (@lriaudel) on CodePen.
Edit du 07/06/2017
Pourquoi faire compliqué quand on peut faire simple !!!
Il existe tout simplement un caractère unicode pour le cadenas : 🔒
Et d’autre symboles unicode à cette adresse : http://outils-javascript.aliasdmc.fr/encodage-icone-symbole/encode-caractere-1F512-html-css-js-autre.html
Ou encore là : https://www.w3schools.com/charsets/ref_utf_symbols.asp