question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[pictograms] list of pictos that have circle fills

See original GitHub issue

If we can’t get fills and borders to coexist in pictograms from code and/or change the container sizes to scale without the pictogram: I am thinking we should ask brand if we can have a specific export of the svgs on 32px container sizes with strokes expanded for product.

Otherwise these are a lot of pictograms that have fills and borders that are not rendering properly in sketch right now. And our color styles in Sketch will never match up consistently to the pictogram when changing its color :

amsterdam--canal app--developer application augmented--reality bangalore berlin cathedral bulldozer care chart--scatterplot console--wireless console conversation data--backup data--processing design--and--development--01 design--and--development--02 dialogue docker door handle enterprise--design--thinking face--dissatisfied face--neutral face--satisfied face--very--dissatisfied face--very--satisfied globe--locations hail hail--heavy hail--mixed hard--drive--network hard--drive intercom lock--alt lock locked--network--alt locked--network london london--expanded--base madrid--cathedral madrid--statue magnify melbourne mobile--add mobile--chat mobile--devices mobile--phone nice oil--pump petri--culture private--network--01 private--network--alt--01 private--network--alt private--network question--and--answer question robotics saas--enablement secure--profile speech--to--text stethoscope target--area target text--to--speech tone--analyzer unlock--alt unlock video--chat warning--alt warning washington--D.C.--capitol web--developer windows wireless--modem wrecking--ball

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
laurenmricecommented, Apr 9, 2020

Yes and for them to be exported at 32px. I understand this was being done in general because pictograms can be used for larger scale, but for product specifically could we do this?

Since strokes are not expanded anymore, most of the pictograms come into sketch using a border instead of a fill. All of IDLs color palette colors are using fill color styles in sketch, so if you tried to attach a color style to a pictogram it will fill the pictogram with a block of color instead of the outlines.

We tried to troubleshoot this with making an identical set of color styles for the IDL color palette using only borders. However, some of the pictograms (listed above in this issue^) have both border and fills because of the circles. Which then would not work for either color style properties., because we can’t pick and choose which ones will show up as borders vs fills vs with both.

If the strokes were expanded, or if there was a setting that would make them come in as fills to sketch we could resolve this problem.

0reactions
joshblackcommented, Apr 10, 2020

Sounds good @dudley-ibm! 👍 Let me know if it’d be helpful to hop on a webex too with everyone. We could also set this up as a series of stages too, I think the big issue now is just that there is a mix of stroke and fill with the assets noted above.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Material Symbols and Icons - Google Fonts
Introducing Material Symbols. Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of...
Read more >
Hazard Communication Standard: Labels and Pictograms
If the employer chooses to use the pictograms that appear in Appendix C on the workplace (or in-plant) labels, these pictograms may have...
Read more >
Creating pictogram chart with colorful filling - Microsoft Excel 365
Approach A: Each picture represents the exact value of the data units - there are no partially filled pictures on the chart. Before...
Read more >
Filled Circle icon in iOS Style - Icons8
These icons are pixel-perfect at 50×50 pixels and the style is outline with the base stroke being 2px. All the icons have iOS...
Read more >
Native American Symbols, Pictographs & Petroglyphs
Native Americans did not communicate through writing as we know it. Instead, they told stories and created pictures and symbols.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found