Comments (6)
I understand your frustration. We have a request to be able to copy/paste other types of XML formats as well. We'll take these into consideration and see if we can come up with a solution that hits all of these use cases at some point in the future. Though, I will be transparent that it is not very high on our priority list at the moment.
For now, I still highly recommend using the full JS package. It's okay if you only use 1 or 2 icons, tree-shaking prevents everything else from being included in your final bundle. If you want access to a large number of brand icons (such as TikTok), we recommend using SimpleIcons. Their package also exports the path
data and is tree-shakable.
from pictogrammers.com.
Can you explain your use case on why you need to physically see the SVG code? You can one-click copy the code or download it, but I'm failing to see a reason to see the raw code, besides with the intention to copy and paste it.
from pictogrammers.com.
I totally agree. Its for copying and pasting. But when someone is working on a react project ( or any component based web frameworks ), and a component that takes just the path ( the d= value ) as a props value, its easier to see the SVG code and to be able to copy just the necessary part. Let me show you some screenshots for more detailed explanation:
Lets say, I don't need the whole SVG code, I just need a portion of it, like the screenshot above. So that, I can make something like the screenshot below:
It was available previously in materialdesignicons.com but not being able to do in the new website, I've been missing the feature. Thanks...
Sorry for my bad English btw
from pictogrammers.com.
You should be using @mdi/js
for this.
import { mdiAccount } from '@mdi/js';
console.log(mdiAccount); // M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z
You're just creating more work for yourself. Tree-shaking takes care of the icons you don't use and it's way easier to update to new versions.
from pictogrammers.com.
Pardon my ignorance, but why would I have to include a whole package, if I just want to use 1 or 2 icons? There are so many icons that are not even available in material icons ( for instance: the tiktok icon ), which I can just copy the path( the d= value ) from the internet and still use, without needing to include a whole npm package.
& to be honest, its not about what is easier/harder/good/bad, which you'd know way better than me. but its about a feature that was available before in the previous version, but gone in the new version.
from pictogrammers.com.
Thanks for the SimpleIcons recommendation, I really appreciate it.
& its very much understandable that it will take time for the feature be implemented, which is okay.
& To be honest, I actually have also tried to make a pull request by doing the work by myself. But I was unable to run the code locally, for some unknown errors. Tried multiple times then gave up and wrote the feature request here. So, I can sleep knowing that I have done my part, which is to convey the message.
Thanks a million for at least taking the feature request into consideration. Have a wonderful day.
from pictogrammers.com.
Related Issues (20)
- When will you be changing old twitter icon to X? HOT 1
- URL for all icons in a certain release
- Support Material Symbols HOT 1
- Generator combining existing icons HOT 1
- MDI icon library page failing to load HOT 5
- Include X icon (to change the old Twitter icon) HOT 1
- New Feature
- Hot water tank HOT 1
- Add Rightwards Arrow Over Leftwards Arrow
- shutter-blades-open HOT 1
- Account HOT 1
- add social media icons HOT 1
- Draw.io support
- Suggested Change to "Pixel Editor"
- Why are so many icons being deprecated? HOT 1
- Vip Tips HOT 1
- Search with Cyrillic letters brokes site. HOT 1
- Page crashes when type "!" in search HOT 1
- Rails getting started page uses inexisting gem HOT 3
- The page content can't display normally HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pictogrammers.com.