Awesome
artwork
NativeScript artwork
Color
| Name | RGB | HEX |
|---|---|---|
| NativeScript Blue | rgb(101, 173, 241) | #65ADF1 |
Font
| Name | Font |
|---|---|
| NativeScript Logo | Inter Black |
Logo Variants
There are different variants of the NativeScript logo available in png and svg formats.
<!-- run `node tools/generate_logo_table.js` to re-generate table. --> <!-- DO NOT EDIT MANUALLY --> <!-- LOGO_TABLE_START --> <table> <thead> <tr> <th>Logo</th> <th>Download</th> </tr> </thead> <tbody> <tr> <td colspan="2"> NativeScript Logo Blue Transparent </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Blue_Transparent.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Blue White </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Blue_White.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Blue White Rounded </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Blue_White_Rounded.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Transparent White </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Transparent_White.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Transparent White Rounded </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Transparent_White_Rounded.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo White Blue </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_White_Blue.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo White Blue Rounded </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_White_Blue_Rounded.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo White Transparent </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_White_Transparent.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Wide Blue White Rounded White </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Wide_Blue_White_Rounded_White.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Wide Transparent White Rounded White </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Wide_Transparent_White_Rounded_White.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Wide White Blue Rounded Blue </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Wide_White_Blue_Rounded_Blue.svg" /> </td> <td> </td> </tr> <tr> <td colspan="2"> NativeScript Logo Wide White Blue Rounded White </td> </tr> <tr> <td> <img style="width: 100px;" src="logo/export/NativeScript_Logo_Wide_White_Blue_Rounded_White.svg" /> </td> <td> </td> </tr> </tbody> </table> <!-- LOGO_TABLE_END -->
The naming convention used for the exported files:
NativeScript_Logo_Wide_Transparent_White_Rounded_White
^^^^^^^^^^^^^^^^^
> A static prefix
NativeScript_Logo_Wide_Transparent_White_Rounded_White
^^^^
> (Optional) size indicator
NativeScript_Logo_Wide_Transparent_White_Rounded_White
^^^^^^^^^^^
> Color of the letter "N" in the logo
NativeScript_Logo_Wide_Transparent_White_Rounded_White
^^^^^
> Color of the background around the letter "N"
NativeScript_Logo_Wide_Transparent_White_Rounded_White
^^^^^^^
> (Optional) shape of the logo
NativeScript_Logo_Wide_Transparent_White_Rounded_White
^^^^^
> (Optional) Color of the text "NativeScript" (where aplicable)