Skip to content

sorgazb/Icons_Raw

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 

Repository files navigation

🎮 Icons Raw — Custom Neon SVG Badges for GitHub Profiles

A collection of custom SVG badges with neon glow effect, Press Start 2P pixel font, brand colors, and automatic dark/light mode support.

HTML CSS JavaScript TypeScript React Angular Astro Bootstrap Tailwind jQuery Ionic Laravel C++ C# Java Go PHP Python Node.js Spring Gin Echo BeautifulSoup Selenium TensorFlow Keras NumPy Pandas Plotly ONNX ML Agents ML.NET MySQL PostgreSQL MongoDB SQLite Oracle BigQuery AWS GCP Docker Kafka Apache Spark Hadoop Hive Pig MapReduce Power BI Apigee MuleSoft Git GitHub Linux VS Code IntelliJ Eclipse Maven PowerShell Vercel JSON YAML XML XSD XSLT DTD XPath XQuery


✨ Features

  • 🌗 Auto dark/light mode via prefers-color-scheme
  • 🎮 Press Start 2P pixel font embedded as base64
  • 💡 Neon glow effect on text and border
  • 🎨 Brand colors per technology
  • 🔲 Split layout — icon block | label block
  • 📦 No dependencies — pure SVG, works anywhere on GitHub

🚀 Usage

Reference the raw file directly in your README:

<img src="https://raw.githubusercontent.com/sorgazb/Icons_Raw/main/assets/javascript.svg" height="32" alt="JavaScript"/>

Combine several in a row:

<p>
  <img src="https://raw.githubusercontent.com/sorgazb/Icons_Raw/main/assets/html.svg" height="32" alt="HTML"/>
  <img src="https://raw.githubusercontent.com/sorgazb/Icons_Raw/main/assets/css.svg" height="32" alt="CSS"/>
  <img src="https://raw.githubusercontent.com/sorgazb/Icons_Raw/main/assets/javascript.svg" height="32" alt="JavaScript"/>
</p>

📦 Available Badges

🌐 Frontend

Preview File Technology
assets/html.svg HTML5
assets/css.svg CSS3
assets/javascript.svg JavaScript
assets/typescript.svg TypeScript
assets/react.svg React
assets/angular.svg Angular
assets/astro.svg Astro
assets/bootstrap.svg Bootstrap
assets/tailwind.svg Tailwind CSS
assets/jquery.svg jQuery
assets/ionic.svg Ionic
assets/laravel.svg Laravel

💻 Backend & Languages

Preview File Technology
assets/python.svg Python
assets/java.svg Java
assets/go.svg Go
assets/php.svg PHP
assets/cplusplus.svg C++
assets/csharp.svg C#
assets/nodejs.svg Node.js
assets/spring.svg Spring
assets/gin.svg Gin
assets/echo.svg Echo

🕷️ Web Scraping & Automation

Preview File Technology
assets/beautifulsoup.svg BeautifulSoup
assets/selenium.svg Selenium

🤖 AI / Machine Learning

Preview File Technology
assets/tensorflow.svg TensorFlow
assets/keras.svg Keras
assets/numpy.svg NumPy
assets/pandas.svg Pandas
assets/plotly.svg Plotly
assets/onnx.svg ONNX
assets/ml_agents.svg ML Agents
assets/mlnet.svg ML.NET

🗄️ Databases

Preview File Technology
assets/mysql.svg MySQL
assets/postgresql.svg PostgreSQL
assets/mongodb.svg MongoDB
assets/sqlite.svg SQLite
assets/oracle.svg Oracle DB
assets/bigquery.svg BigQuery

☁️ Cloud & DevOps

Preview File Technology
assets/aws.svg AWS
assets/gcp.svg Google Cloud
assets/docker.svg Docker
assets/kafka.svg Apache Kafka
assets/vercel.svg Vercel

🐘 Big Data

Preview File Technology
assets/apache_spark.svg Apache Spark
assets/hadoop.svg Hadoop
assets/hive.svg Apache Hive
assets/pig.svg Apache Pig
assets/mapreduce.svg MapReduce

📊 Data & Analytics

Preview File Technology
assets/power_bi.svg Microsoft Power BI

🔌 Integration & APIs

Preview File Technology
assets/apigee.svg Apigee
assets/mulesoft.svg MuleSoft

🛠️ Tools & IDEs

Preview File Technology
assets/git.svg Git
assets/github.svg GitHub
assets/linux.svg Linux
assets/vs_code.svg VS Code
assets/intellij.svg IntelliJ IDEA
assets/eclipse.svg Eclipse
assets/maven.svg Maven
assets/powershell.svg PowerShell

📄 Data Formats & Standards

Preview File Technology
assets/json.svg JSON
assets/yaml.svg YAML
assets/xml.svg XML
assets/xsd.svg XSD
assets/xslt.svg XSLT
assets/dtd.svg DTD
assets/xpath.svg XPath
assets/xquery.svg XQuery

🛠️ Create Your Own

Template SVG structure — change BRANDCOLOR, BASE64_LOGO and Label. Full template available in assets/example.txt.


⭐ Support

If this helped you, consider leaving a star — it helps others find this resource!


Made with ❤️ for the GitHub community

About

A collection of custom SVG badges with neon glow effect, Press Start 2P pixel font, brand colors, and automatic dark/light mode support.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors