Skip to content

Instantly share code, notes, and snippets.

@kripod
Last active April 24, 2020 23:11
Show Gist options
  • Save kripod/8d417213e438fa4953042feedf81322c to your computer and use it in GitHub Desktop.
Save kripod/8d417213e438fa4953042feedf81322c to your computer and use it in GitHub Desktop.
CSS in JS logo proposal
Display the source blob
Display the rendered blob
Raw
<!-- Inspired by https://github.com/voodootikigod/logo.js -->
<!-- The yin and yang symbol is from https://fontawesome.com/v5.11.1/icons/yin-yang?style=solid and licensed under CC BY 4.0: https://creativecommons.org/licenses/by/4.0/ -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 496"><circle cx="248" cy="248" r="220" fill="#20ade4"/><path fill="#f7df1e" d="M248 0C111 0 0 111 0 248s111 248 248 248 248-111 248-248S385 0 248 0zm0 248a96 96 0 0 0 0 192c-106 0-192-86-192-192S142 56 248 56a96 96 0 0 1 0 192z"/><path fill="#212322" d="M190.08 369.42l13.11-7.94a49.38 49.38 0 0 0 2.65 4.32 10.53 10.53 0 0 0 3 2.7 8.49 8.49 0 0 0 4.65 1.27q4.26 0 6.45-2.19c1.45-1.46 2.18-4.1 2.18-7.94v-54.75h16.11v55q0 12.09-6.44 18.18t-17.61 6.1q-17.18-.02-24.1-14.75zm68.16 10.24a29.26 29.26 0 0 1-11.22-12l13.12-7.6q6 9.78 15.87 9.78a12.94 12.94 0 0 0 7.94-2.24 6.86 6.86 0 0 0 3-5.7 7.05 7.05 0 0 0-1.61-4.6 12.16 12.16 0 0 0-3.62-3 92.07 92.07 0 0 0-6.5-3.05l-4-1.73q-9.56-4.14-14.44-9.6t-4.89-14.67a19.91 19.91 0 0 1 6.5-15.24q6.51-6 17.09-6a27.49 27.49 0 0 1 13.4 3 25 25 0 0 1 9.49 9.83l-12.54 8Q282 318 275.44 318a7.88 7.88 0 0 0-5.58 2 6.41 6.41 0 0 0-2.13 4.94 6.91 6.91 0 0 0 2.18 5.41 30.91 30.91 0 0 0 7.71 4.37l4 1.73q11.16 4.83 16.28 10.29t5.11 15q0 10.59-7.41 16.51t-19.27 5.93q-10.68-.03-18.09-4.52zM178.86 180.7q-11.67-11.44-11.68-28.7t11.62-28.64Q190.43 112 207.45 112q21 0 31.29 16l-12.31 8.74q-6.33-10.23-19-10.24-10.47 0-17.09 7.25T183.75 152q0 11 6.61 18.41a21.92 21.92 0 0 0 17.09 7.36 21.49 21.49 0 0 0 11.79-3 29.22 29.22 0 0 0 8.34-8.51l12.54 8.62q-11.06 17.27-32.67 17.26-16.92.01-28.59-11.44zm79.38 6.96a29.26 29.26 0 0 1-11.22-12l13.12-7.59q6 9.78 15.87 9.77a12.87 12.87 0 0 0 7.94-2.24 6.84 6.84 0 0 0 3-5.69 7 7 0 0 0-1.61-4.6 12.2 12.2 0 0 0-3.62-3 92.07 92.07 0 0 0-6.5-3.05l-4-1.73q-9.54-4.14-14.44-9.6t-4.89-14.67a19.92 19.92 0 0 1 6.5-15.24q6.51-6 17.09-6a27.61 27.61 0 0 1 13.4 3 25 25 0 0 1 9.49 9.83l-12.54 8.06Q282 126 275.44 126a8 8 0 0 0-5.58 2 6.42 6.42 0 0 0-2.13 5 6.86 6.86 0 0 0 2.19 5.4 30.31 30.31 0 0 0 7.7 4.37l4 1.73q11.16 4.83 16.28 10.29t5.12 15q0 10.58-7.42 16.51t-19.27 5.92q-10.68-.07-18.09-4.56zm61.76 0a29.26 29.26 0 0 1-11.22-12l13.11-7.59q6 9.78 15.88 9.77a12.89 12.89 0 0 0 7.94-2.24 6.84 6.84 0 0 0 3-5.69 7 7 0 0 0-1.61-4.6 12.24 12.24 0 0 0-3.63-3q-2-1.1-6.5-3.05l-4-1.73q-9.56-4.14-14.44-9.6t-4.89-14.67a19.92 19.92 0 0 1 6.5-15.24q6.5-6 17.08-6a27.62 27.62 0 0 1 13.41 3 25.08 25.08 0 0 1 9.49 9.83l-12.54 8.06q-3.8-6.91-10.37-6.91a8 8 0 0 0-5.58 2 6.41 6.41 0 0 0-2.12 5 6.85 6.85 0 0 0 2.18 5.4 30.6 30.6 0 0 0 7.71 4.37l4 1.73q11.16 4.83 16.28 10.29t5.12 15q0 10.58-7.42 16.51t-19.27 5.92q-10.67-.07-18.11-4.56z"/></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment