nativescript logo

nativescript from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: nativescript
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

The same logo in other sets

nativescriptCatppuccin Icons nativescriptCoreUI Brands nativescriptMaterial Design Icons nativescriptSimple Icons

Use the nativescript logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3c5afd" d="M237.248 18.752q18.061 18.06 18.748 45.247V192c-.457 18.12-6.707 33.207-18.748 45.247c-12.04 12.04-27.127 18.291-45.251 18.752H63.999q-27.187-.69-45.247-18.752C6.712 225.208.46 210.121 0 192.001V64q.69-27.187 18.752-45.247Q36.812.692 63.999 0h127.998c18.124.46 33.211 6.711 45.251 18.752m-17.655 103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315 42.687H63.999c-6.042.128-11.072 2.198-15.091 6.221c-4.023 4.02-6.093 9.05-6.22 15.09v42.688q-.249 9.063-6.281 15.066q-6.03 5.996-15.091 6.246q9.062.255 15.09 6.25c4.024 4.002 6.115 9.024 6.281 15.066V192c.128 6.037 2.198 11.072 6.221 15.091q6.03 6.03 15.09 6.22h21.317V106.687l85.37 106.627h21.312c6.041-.128 11.076-2.202 15.095-6.221s6.093-9.054 6.22-15.09v-42.688q.249-9.063 6.281-15.066q6.03-5.995 15.091-6.25q-9.062-.25-15.09-6.246"/></svg>

React

import type { SVGProps } from "react";

export function LogosNativescript(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3c5afd" d="M237.248 18.752q18.061 18.06 18.748 45.247V192c-.457 18.12-6.707 33.207-18.748 45.247c-12.04 12.04-27.127 18.291-45.251 18.752H63.999q-27.187-.69-45.247-18.752C6.712 225.208.46 210.121 0 192.001V64q.69-27.187 18.752-45.247Q36.812.692 63.999 0h127.998c18.124.46 33.211 6.711 45.251 18.752m-17.655 103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315 42.687H63.999c-6.042.128-11.072 2.198-15.091 6.221c-4.023 4.02-6.093 9.05-6.22 15.09v42.688q-.249 9.063-6.281 15.066q-6.03 5.996-15.091 6.246q9.062.255 15.09 6.25c4.024 4.002 6.115 9.024 6.281 15.066V192c.128 6.037 2.198 11.072 6.221 15.091q6.03 6.03 15.09 6.22h21.317V106.687l85.37 106.627h21.312c6.041-.128 11.076-2.202 15.095-6.221s6.093-9.054 6.22-15.09v-42.688q.249-9.063 6.281-15.066q6.03-5.995 15.091-6.25q-9.062-.25-15.09-6.246"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#3c5afd" d="M237.248 18.752q18.061 18.06 18.748 45.247V192c-.457 18.12-6.707 33.207-18.748 45.247c-12.04 12.04-27.127 18.291-45.251 18.752H63.999q-27.187-.69-45.247-18.752C6.712 225.208.46 210.121 0 192.001V64q.69-27.187 18.752-45.247Q36.812.692 63.999 0h127.998c18.124.46 33.211 6.711 45.251 18.752m-17.655 103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315 42.687H63.999c-6.042.128-11.072 2.198-15.091 6.221c-4.023 4.02-6.093 9.05-6.22 15.09v42.688q-.249 9.063-6.281 15.066q-6.03 5.996-15.091 6.246q9.062.255 15.09 6.25c4.024 4.002 6.115 9.024 6.281 15.066V192c.128 6.037 2.198 11.072 6.221 15.091q6.03 6.03 15.09 6.22h21.317V106.687l85.37 106.627h21.312c6.041-.128 11.076-2.202 15.095-6.221s6.093-9.054 6.22-15.09v-42.688q.249-9.063 6.281-15.066q6.03-5.995 15.091-6.25q-9.062-.25-15.09-6.246"/></svg>
</template>

CSS

.icon-nativescript {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233c5afd%22%20d%3D%22M237.248%2018.752q18.061%2018.06%2018.748%2045.247V192c-.457%2018.12-6.707%2033.207-18.748%2045.247c-12.04%2012.04-27.127%2018.291-45.251%2018.752H63.999q-27.187-.69-45.247-18.752C6.712%20225.208.46%20210.121%200%20192.001V64q.69-27.187%2018.752-45.247Q36.812.692%2063.999%200h127.998c18.124.46%2033.211%206.711%2045.251%2018.752m-17.655%20103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315%2042.687H63.999c-6.042.128-11.072%202.198-15.091%206.221c-4.023%204.02-6.093%209.05-6.22%2015.09v42.688q-.249%209.063-6.281%2015.066q-6.03%205.996-15.091%206.246q9.062.255%2015.09%206.25c4.024%204.002%206.115%209.024%206.281%2015.066V192c.128%206.037%202.198%2011.072%206.221%2015.091q6.03%206.03%2015.09%206.22h21.317V106.687l85.37%20106.627h21.312c6.041-.128%2011.076-2.202%2015.095-6.221s6.093-9.054%206.22-15.09v-42.688q.249-9.063%206.281-15.066q6.03-5.995%2015.091-6.25q-9.062-.25-15.09-6.246%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%233c5afd%22%20d%3D%22M237.248%2018.752q18.061%2018.06%2018.748%2045.247V192c-.457%2018.12-6.707%2033.207-18.748%2045.247c-12.04%2012.04-27.127%2018.291-45.251%2018.752H63.999q-27.187-.69-45.247-18.752C6.712%20225.208.46%20210.121%200%20192.001V64q.69-27.187%2018.752-45.247Q36.812.692%2063.999%200h127.998c18.124.46%2033.211%206.711%2045.251%2018.752m-17.655%20103q-6.033-6.003-6.28-15.066V64q-.192-9.063-6.221-15.091c-4.02-4.023-9.054-6.093-15.095-6.22h-21.312v106.626L85.315%2042.687H63.999c-6.042.128-11.072%202.198-15.091%206.221c-4.023%204.02-6.093%209.05-6.22%2015.09v42.688q-.249%209.063-6.281%2015.066q-6.03%205.996-15.091%206.246q9.062.255%2015.09%206.25c4.024%204.002%206.115%209.024%206.281%2015.066V192c.128%206.037%202.198%2011.072%206.221%2015.091q6.03%206.03%2015.09%206.22h21.317V106.687l85.37%20106.627h21.312c6.041-.128%2011.076-2.202%2015.095-6.221s6.093-9.054%206.22-15.09v-42.688q.249-9.063%206.281-15.066q6.03-5.995%2015.091-6.25q-9.062-.25-15.09-6.246%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/nativescript.svg?color=%231a73e8&size=48