Skip to content

JiangWeixian/tailwind-cssgg

Repository files navigation

npm GitHub

Use css.gg icons in tailwindcss

usage

Add tailwind-csgg plugin in tailwindcss.config.js plugins fields

const { cssgg } = require('tailwind-cssgg')

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  plugins: [cssgg],
}

Then you can use the icons in your HTML:

<!-- pattern: gg-[iconname] -->
<i className="gg-vercel" />

<!-- pattern: gg-[iconname]/scale, will apply transform: scale(0.5) -->
<i className="gg-vercel/0.5" />

install

pnpm i tailwind-cssgg css.gg

development

  • Setup - pnpm i
  • Build - pnpm build

built with ❤️ by 😼