Repository navigation
Link parameters #923
Description
This GitHub issue is for collecting web developer signals for Link parameters.
The link-parameters CSS property, param() modifier for the url() CSS function, and the #:~:param(…) URL fragment set custom CSS environment variables on an external resource, such as an SVG image, allowing the external resource to adapt its presentation based on the variables.
Browser support
- Chrome: not supported
- Chrome Android: not supported
- Edge: not supported
- Firefox: not supported
- Firefox for Android: not supported
- Safari: not supported
- Safari on iOS: not supported
Give us feedback
If you're pressed for time, but you want this feature to be available in all browsers, please give this issue a thumbs up 👍 reaction.
However, a much better guide for us is to know how you'd use this feature, and what you're having to do in the meantime. This helps us judge the priority versus other features.
Copy the template below in a comment, and add the details that matter to you.
## What I want to do with this feature
<!-- Add your specific use-cases, even if they seem obvious to you. -->
## What I'm having to do in the meantime
<!--
Are you having to use another feature instead, a polyfill, or is it blocking you completely?
Why are the alternatives worse than using this feature?
-->All comments are expected to adhere to the Code of Conduct.
Learn more
You can learn more about this feature here:
Activity
tylersticka commentedon Sep 15, 2026
What I want to do with this feature
Apply styles (typically color) to SVG elements loaded via CSS. For example, an arrow affordance that adapts to the current color scheme.
What I'm having to do in the meantime
Most of the time, I end up just repeating the SVG inline in my markup, even when the element is entirely presentational.
Many organizations I've worked with continue to rely on icon fonts or JavaScript to overcome these hurdles.
kizu commentedon Sep 28, 2026
What I want to do with this feature
Create reusable and parametrized SVG images that could have a CSS-based API to adjust various parameters inside, not just colors.
What I'm having to do in the meantime
For anything non-color related, right now the only way is to hack around the dimensions of the used element and apply media queries/css math conditions: https://kizu.dev/svg-linked-parameters-workaround/ (the examples are mostly using colors, but I have many use cases where I want to adjust something like stroke width, presence of markers, etc.)
fpapado commentedon Oct 6, 2026
What I want to do with this feature
To have reusable SVG components that support multiple colour systems (not just monochrome, but duochrome or even rendering modes similar to SF symbols), while also being performant, portable and easy to consume in different projects.
What I'm having to do in the meantime
I maintain a set of tools to make
<use>-based SVG components more ergonomic (especially compared to inlining SVGs, which works but is not great for performance!) While that has worked well enough, it is still more toolchain components to maintain. Also<use>is not easy to consume from central locations like CDNs, due to CORS limitations.A few years ago, I wrote an analysis of current approaches and my estimate of what pain points they solve; link parameters in particular were my favourite (based on an earlier iteration, but I think it holds up 😌)