neon icon logo

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

Name
neon-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the neon icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGZSjXdboi" x1="100%" x2="12.069%" y1="100%" y2="0%"><stop offset="0%" stop-color="#62f755"/><stop offset="100%" stop-color="#8ff986" stop-opacity="0"/></linearGradient><linearGradient id="SVGMxAgOWFr" x1="100%" x2="40.603%" y1="100%" y2="76.897%"><stop offset="0%" stop-opacity=".9"/><stop offset="100%" stop-color="#1a1a1a" stop-opacity="0"/></linearGradient></defs><path fill="#00e0d9" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="url(#SVGZSjXdboi)" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="url(#SVGMxAgOWFr)" fill-opacity=".4" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="#63f655" d="M211.861 0C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723a4.41 4.41 0 0 0 4.409-4.409V115.058c0-25.223 31.914-36.167 47.395-16.256l48.391 62.243V8.825c0-4.871-3.953-8.825-8.832-8.825"/></svg>

React

import type { SVGProps } from "react";

export function LogosNeonIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGZSjXdboi" x1="100%" x2="12.069%" y1="100%" y2="0%"><stop offset="0%" stopColor="#62f755"/><stop offset="100%" stopColor="#8ff986" stopOpacity="0"/></linearGradient><linearGradient id="SVGMxAgOWFr" x1="100%" x2="40.603%" y1="100%" y2="76.897%"><stop offset="0%" stopOpacity=".9"/><stop offset="100%" stopColor="#1a1a1a" stopOpacity="0"/></linearGradient></defs><path fill="#00e0d9" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="url(#SVGZSjXdboi)" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="url(#SVGMxAgOWFr)" fillOpacity=".4" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="#63f655" d="M211.861 0C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723a4.41 4.41 0 0 0 4.409-4.409V115.058c0-25.223 31.914-36.167 47.395-16.256l48.391 62.243V8.825c0-4.871-3.953-8.825-8.832-8.825"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGZSjXdboi" x1="100%" x2="12.069%" y1="100%" y2="0%"><stop offset="0%" stop-color="#62f755"/><stop offset="100%" stop-color="#8ff986" stop-opacity="0"/></linearGradient><linearGradient id="SVGMxAgOWFr" x1="100%" x2="40.603%" y1="100%" y2="76.897%"><stop offset="0%" stop-opacity=".9"/><stop offset="100%" stop-color="#1a1a1a" stop-opacity="0"/></linearGradient></defs><path fill="#00e0d9" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="url(#SVGZSjXdboi)" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="url(#SVGMxAgOWFr)" fill-opacity=".4" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861zm44.139-8.825a8.817 8.817 0 0 0-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825z"/><path fill="#63f655" d="M211.861 0C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723a4.41 4.41 0 0 0 4.409-4.409V115.058c0-25.223 31.914-36.167 47.395-16.256l48.391 62.243V8.825c0-4.871-3.953-8.825-8.832-8.825"/></svg>
</template>

CSS

.icon-neon-icon {
  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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGZSjXdboi%22%20x1%3D%22100%25%22%20x2%3D%2212.069%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2362f755%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%238ff986%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMxAgOWFr%22%20x1%3D%22100%25%22%20x2%3D%2240.603%25%22%20y1%3D%22100%25%22%20y2%3D%2276.897%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231a1a1a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2300e0d9%22%20d%3D%22M0%2044.139C0%2019.762%2019.762%200%2044.139%200H211.86C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723h-76.36C19.763%20256%200%20236.238%200%20211.861zm44.139-8.825a8.817%208.817%200%200%200-8.825%208.818v167.73c0%204.878%203.946%208.831%208.818%208.831h77.688c2.44%200%203.087-1.977%203.087-4.416v-101.22c0-25.222%2031.914-36.166%2047.395-16.255l48.391%2062.243V44.14c0-4.879.455-8.825-4.416-8.825z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZSjXdboi)%22%20d%3D%22M0%2044.139C0%2019.762%2019.762%200%2044.139%200H211.86C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723h-76.36C19.763%20256%200%20236.238%200%20211.861zm44.139-8.825a8.817%208.817%200%200%200-8.825%208.818v167.73c0%204.878%203.946%208.831%208.818%208.831h77.688c2.44%200%203.087-1.977%203.087-4.416v-101.22c0-25.222%2031.914-36.166%2047.395-16.255l48.391%2062.243V44.14c0-4.879.455-8.825-4.416-8.825z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMxAgOWFr)%22%20fill-opacity%3D%22.4%22%20d%3D%22M0%2044.139C0%2019.762%2019.762%200%2044.139%200H211.86C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723h-76.36C19.763%20256%200%20236.238%200%20211.861zm44.139-8.825a8.817%208.817%200%200%200-8.825%208.818v167.73c0%204.878%203.946%208.831%208.818%208.831h77.688c2.44%200%203.087-1.977%203.087-4.416v-101.22c0-25.222%2031.914-36.166%2047.395-16.255l48.391%2062.243V44.14c0-4.879.455-8.825-4.416-8.825z%22%2F%3E%3Cpath%20fill%3D%22%2363f655%22%20d%3D%22M211.861%200C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723a4.41%204.41%200%200%200%204.409-4.409V115.058c0-25.223%2031.914-36.167%2047.395-16.256l48.391%2062.243V8.825c0-4.871-3.953-8.825-8.832-8.825%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGZSjXdboi%22%20x1%3D%22100%25%22%20x2%3D%2212.069%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2362f755%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%238ff986%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMxAgOWFr%22%20x1%3D%22100%25%22%20x2%3D%2240.603%25%22%20y1%3D%22100%25%22%20y2%3D%2276.897%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231a1a1a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2300e0d9%22%20d%3D%22M0%2044.139C0%2019.762%2019.762%200%2044.139%200H211.86C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723h-76.36C19.763%20256%200%20236.238%200%20211.861zm44.139-8.825a8.817%208.817%200%200%200-8.825%208.818v167.73c0%204.878%203.946%208.831%208.818%208.831h77.688c2.44%200%203.087-1.977%203.087-4.416v-101.22c0-25.222%2031.914-36.166%2047.395-16.255l48.391%2062.243V44.14c0-4.879.455-8.825-4.416-8.825z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZSjXdboi)%22%20d%3D%22M0%2044.139C0%2019.762%2019.762%200%2044.139%200H211.86C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723h-76.36C19.763%20256%200%20236.238%200%20211.861zm44.139-8.825a8.817%208.817%200%200%200-8.825%208.818v167.73c0%204.878%203.946%208.831%208.818%208.831h77.688c2.44%200%203.087-1.977%203.087-4.416v-101.22c0-25.222%2031.914-36.166%2047.395-16.255l48.391%2062.243V44.14c0-4.879.455-8.825-4.416-8.825z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMxAgOWFr)%22%20fill-opacity%3D%22.4%22%20d%3D%22M0%2044.139C0%2019.762%2019.762%200%2044.139%200H211.86C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723h-76.36C19.763%20256%200%20236.238%200%20211.861zm44.139-8.825a8.817%208.817%200%200%200-8.825%208.818v167.73c0%204.878%203.946%208.831%208.818%208.831h77.688c2.44%200%203.087-1.977%203.087-4.416v-101.22c0-25.222%2031.914-36.166%2047.395-16.255l48.391%2062.243V44.14c0-4.879.455-8.825-4.416-8.825z%22%2F%3E%3Cpath%20fill%3D%22%2363f655%22%20d%3D%22M211.861%200C236.238%200%20256%2019.762%20256%2044.139v142.649c0%2025.216-31.915%2036.16-47.388%2016.256l-48.392-62.251v75.484c0%2021.939-17.784%2039.723-39.722%2039.723a4.41%204.41%200%200%200%204.409-4.409V115.058c0-25.223%2031.914-36.167%2047.395-16.256l48.391%2062.243V8.825c0-4.871-3.953-8.825-8.832-8.825%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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