colour change while using cdn #6895
-
|
https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/instagram.svg by default this is white while using cdn in html pages. how can i turn this to white? |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 8 replies
-
|
I don't believe that's possible. You can copy the svg and change the |
Beta Was this translation helpful? Give feedback.
-
|
Through random luck did I find https://simpleicons.vercel.app, which seems to offer what you are looking for. In your case could you use https://simpleicons.vercel.app/instagram/fff for this output: |
Beta Was this translation helpful? Give feedback.
-
|
Awesome! Maybe we should consider hosting something like this? |
Beta Was this translation helpful? Give feedback.
-
|
Thanks a lot! Exactly what meets my need. |
Beta Was this translation helpful? Give feedback.
-
It sure would be useful. Especially when it would also include something like an optional size, as that would allow easy use inside markdown without the need to upload the files somewhere. |
Beta Was this translation helpful? Give feedback.
-
|
Great, I'll look into it |
Beta Was this translation helpful? Give feedback.
-
|
I've made a Cloudflare worker to change the attributes of an svg from a url. This way you can use whatever version of the icon you want and it's not limited to only Simple Icons. Repo link You can also use the Iconify API. Example request: https://api.iconify.design/simple-icons/cloudflare.svg?color=orange&height=100. I don't believe there's a way to specify a version though and the icon may be removed across breaking changes without warning. cc @Andre601 |
Beta Was this translation helpful? Give feedback.
-
|
Interesting. I.e. https://octicons.andre601.ch/mark-github/fff/100 becomes |
Beta Was this translation helpful? Give feedback.
-
|
I'm going to select this as the answer as https://github.com/simpleicons/simpleicons.now.sh is not always up to date and both svg rewriter and iconify work well here. |
Beta Was this translation helpful? Give feedback.
-
|
I created a new CDN service https://cdn.simpleicons.org due to the See https://github.com/simple-icons/simple-icons#cdn-with-colors |
Beta Was this translation helpful? Give feedback.
-
|
Here is another solution by using CSS Mask: See #8573 (comment) |
Beta Was this translation helpful? Give feedback.
I've made a Cloudflare worker to change the attributes of an svg from a url. This way you can use whatever version of the icon you want and it's not limited to only Simple Icons. Repo link
You can also use the Iconify API. Example request: https://api.iconify.design/simple-icons/cloudflare.svg?color=orange&height=100. I don't believe there's a way to specify a version though and the icon may be removed across breaking changes without warning.
cc @Andre601