# artwork

**Repository Path**: mirrors_NativeScript/artwork

## Basic Information

- **Project Name**: artwork
- **Description**: NativeScript artwork
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-13
- **Last Updated**: 2026-01-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# artwork
NativeScript artwork

## Color

| Name | RGB | HEX |
|------|-----|-----|
| NativeScript Blue | `rgb(101, 173, 241)` | `#65ADF1`
| NativeScript Dark | `rgb(31, 41, 55)` | `#1F2937`

## 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>

[Download SVG](logo/export/NativeScript_Logo_Blue_Transparent.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Blue_Transparent.png)
</td>
</tr>

<tr>
<td colspan="2">
NativeScript Logo Dark Transparent
</td>
</tr>
<tr>
<td>
<img style="width: 100px;" src="logo/export/NativeScript_Logo_Dark_Transparent.svg" />
</td>
<td>

[Download SVG](logo/export/NativeScript_Logo_Dark_Transparent.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Dark_Transparent.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Blue_White.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Blue_White.png)
</td>
</tr>
<tr>
<td colspan="2">
NativeScript Logo Dark White
</td>
</tr>
<tr>
<td>
<img style="width: 100px;" src="logo/export/NativeScript_Logo_Dark_White.svg" />
</td>
<td>

[Download SVG](logo/export/NativeScript_Logo_Dark_White.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Dark_White.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Blue_White_Rounded.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Blue_White_Rounded.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Transparent_White.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Transparent_White.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Transparent_White_Rounded.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Transparent_White_Rounded.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_White_Blue.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_White_Blue.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_White_Blue_Rounded.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_White_Blue_Rounded.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_White_Transparent.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_White_Transparent.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Wide_Blue_White_Rounded_White.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Wide_Blue_White_Rounded_White.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Wide_Transparent_White_Rounded_White.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Wide_Transparent_White_Rounded_White.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Wide_White_Blue_Rounded_Blue.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Wide_White_Blue_Rounded_Blue.png)
</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>

[Download SVG](logo/export/NativeScript_Logo_Wide_White_Blue_Rounded_White.svg)<br>
[Download PNG](logo/export/NativeScript_Logo_Wide_White_Blue_Rounded_White.png)
</td>
</tr>
</tbody>
</table>
<!-- LOGO_TABLE_END -->

### The naming convention used for the exported files:
```markdown
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)
```