Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide support for SVG xml in icon #529

Closed
ghchinoy opened this issue Jun 25, 2024 · 3 comments
Closed

Provide support for SVG xml in icon #529

ghchinoy opened this issue Jun 25, 2024 · 3 comments
Labels
feature request New feature / API

Comments

@ghchinoy
Copy link
Contributor

Is your feature request related to a problem? Please describe.
It would be great to support custom svg xml as an input for the icon component

Describe the solution you'd like
extend icon to allow in-lining (or file path input reference) for svg xml

https://material.angular.io/components/icon/overview#svg-icons

Describe alternatives you've considered
Haven't tried any other way to add svg to mesop

@wwwillchen wwwillchen added the feature request New feature / API label Jun 25, 2024
@wwwillchen
Copy link
Collaborator

Thanks for filing an issue. Agree, it would be nice to eventually support this. For now, you should be able to use web components to inline SVGs: https://google.github.io/mesop/web_components/ - let me know if you run into troubles doing that.

@ghchinoy
Copy link
Contributor Author

Works like a charm, thank you!

@ghchinoy
Copy link
Contributor Author

As an update, I created a stand alone component for this https://github.com/ghchinoy/mesop-svg-icon

ghchinoy added a commit to ghchinoy/mesop that referenced this issue Jul 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request New feature / API
Projects
None yet
Development

No branches or pull requests

2 participants