Skip to content

Latest commit

 

History

History
67 lines (33 loc) · 2.6 KB

logoComponent.md

File metadata and controls

67 lines (33 loc) · 2.6 KB

Techstack logos

We have used simple icons to provide the logos of all the tech stack you need !

Pass ?component=logo&logo=/techstack logo/

ex: https://readme-components.vercel.app/api?component=logo&logo=react

techstack logo

Custom colors

You can also pass custom colors(hex values) using the fill param(&fill=ffc0cd) !

![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=react&fill=ffc0cd)

techstack logo

use even gradients. except for the fact that you need to url encode it

![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=react&fill=linear-gradient%2862deg%2C%20%238EC5FC%200%25%2C%20%23E0C3FC%20100%25%29%3B%0A)

techstack logo

Custom text and svg colors

![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=react&textfill=000000&fill=ffc0cd)

css progressbar

Pass Emoji and desc to the component

you can pass &logo=🥰 and &desc=the description and overwrite the logo and the description. The emoji can be used without description seperately

![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=🥰&desc=helloworld&fill=ffc0cd)

css progressbar

![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=🥰&fill=ffc0cd)

css progressbar

Only the logo is enough for you ? then just pass the text param as false and we will give you the icon alone!

Without text

![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=react&fill=ffc0cd&text=false)

techstack logo

animation

The work is in progress for this we just have the spin animation more coming soon...

Spin animation ![techstack logo](https://readme-components.vercel.app/api?component=logo&logo=react&text=false&animation=spin)

techstack logo

More coming soon !