📚一个拥有 SVG 徽标的美丽图书馆。使用 Sveltekit 与 Tailwind CSS 构建。 https://svgl.app/
Go to file
2023-12-13 13:37:23 +00:00
.github 🔧 Update workflow. 2023-12-12 01:03:06 +00:00
.vscode 🔧 Update vscode settings. 2023-12-13 13:37:23 +00:00
src 🐛 Fixed svgs data id's. 2023-12-12 16:08:31 +00:00
static added pinterest logo 2023-12-12 18:23:52 +05:30
.eslintignore 🧡 Initial commit with Sveltekit. 2023-03-14 21:08:22 +00:00
.eslintrc.cjs 🔨 Update eslint config. 2023-07-07 09:16:54 +01:00
.gitignore 🛠️ Update gitignore. 2023-03-15 11:24:36 +00:00
.npmrc 🧡 Initial commit with Sveltekit. 2023-03-14 21:08:22 +00:00
.prettierignore 🧡 Initial commit with Sveltekit. 2023-03-14 21:08:22 +00:00
.prettierrc 🛠️ Update prettier json. 2023-03-15 11:27:46 +00:00
LICENSE 📝 Update license. 2023-03-20 00:39:40 +00:00
package.json ⬆️ Upgrade dependencies. 2023-12-12 22:16:34 +00:00
postcss.config.cjs 🛠️ Add tailwindcss. 2023-03-15 11:28:22 +00:00
prettier.config.cjs 🛠️ Add prettier-plugin-tailwindcss. 2023-03-15 12:11:13 +00:00
README.md docs: dark/light icons instructions in readme 2023-12-11 21:34:15 -03:00
svelte.config.js 🛠️ Update alias. 2023-03-19 14:53:31 +00:00
tailwind.config.cjs 🛠️ Add dark/light mode. 2023-03-20 10:30:32 +00:00
tsconfig.json 🚀 Initial sveltekit config. 2023-03-15 11:29:15 +00:00
vercel.json 🛠 Create vercel.json. 2023-03-16 10:23:17 +00:00
vite.config.ts 🚀 Initial sveltekit config. 2023-03-15 11:29:15 +00:00

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 git@github.com: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:

Important

To avoid conflicts with other svgs IDs, generate a short random number for the id: Generate (only check 'include numbers').

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

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

{
  "id": 45248,
  "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