Skip to content
/ svgl Public
forked from pheralb/svgl

🧩 A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS.

License

Notifications You must be signed in to change notification settings

mmaaaaz/svgl

 
 

Repository files navigation

Svelte Badge Build Status GitHub stars GitHub issues GitHub forks GitHub PRs Tailwind CSS Badge

🛠️ Stack

🚀 Getting Started

You will need:

  1. Clone or fork this repository:
git clone [email protected]:pheralb/svgl.git
  1. Install dependencies with your favorite package manager:
# with npm:
npm install

# with pnpm:
pnpm install

# with ultra:
ultra install

# with yarn:
yarn install
  1. Go to the static/library folder and add your .svg logo. Remember to optimize SVG for web use, you can use SVGOMG.

  2. Go to the src/data/svgs.ts and add the information about your logo, following the structure:

{
  "title": "Title",
  "category": "Category",
  "route": "/library/your_logo.svg",
  "url": "Website"
},

or to support a different logo for light and dark themes:

{
  "title": "Title",
  "category": "Category",
  "route": {
    "light": "/library/your_logo_light.svg",
    "dark": "/library/your_logo_dark.svg"
  },
  "url": "Website"
},

And create a pull request with your logo 🚀.

✌️ Contributing

🔑 License

About

🧩 A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 64.6%
  • Svelte 29.4%
  • JavaScript 2.4%
  • HTML 2.1%
  • CSS 1.5%