Light theme
Logo
A collection of my logos. SVGs, WebComponent and more.
All the resources are available from a CDN. This project is under the CC BY-NC-ND (Creative Commons Attribution-NonCommercial-NoDerivatives) license.
The logo
The acronym of my name, with the N and the R fused. Designed from my idea by @neytaan_art
Dark theme
White
Black
WebComponent
Easy to use, highly customizable and ready to go.
Size
sm
<nr-logo size='sm'></nr-logo>md
<nr-logo size='md'></nr-logo>xl
<nr-logo size='xl'></nr-logo>Color
By default, the component uses the currentColor from heritage. Or you can use the color option and pass all types of valid CSS colors.
Color name
<nr-logo color='green'></nr-logo>Hexadecimal
<nr-logo color='#ff0000'></nr-logo>RGB
<nr-logo color='rgb(221 120 50)'></nr-logo>HSL
<nr-logo color='hsl(220 100% 50%)'></nr-logo>Color theme
You can also use the color theme to change the color of the logo.
Light theme
<nr-logo color='light'></nr-logo>Dark theme
<nr-logo color='dark'></nr-logo>Animations
Animated
Each independent part of the logo has a hover effect.
<nr-logo animated></nr-logo>Rainbow
Hover it to go faster than Mario! ♫Tutututututu!!!♫
<nr-logo rainbow></nr-logo>