@i_amvector profile picture
I am Vector @i_amvector

Simply beautiful open source icons

Joined August 2021
  • Tweets 182
  • Following 271
  • Followers 28
86 Photos and videos
This week’s icon spotlight: Share 📷  Share = give access or send a link.  Upload = send a file.  Export = create a new format.  Keep them separate, label them clearly, and your users will thank you.  #IconDesign #UX #DesignSystems #SVG
1
21
One icon. Many looks. currentColor = lighter assets instant theming dark-mode friendly UI. Explore: iamvector.com
7
Accessible icons = Label Focus Contrast. Good design is inclusive design. Explore more: iamvector.com #iconDesign #A11y #DesignSystems
4
Crisp icon ≠ heavy file. Trim decimals, merge paths, drop metadata. Optimize here → iamvector.com
1
5
Sprite bundles many icons → 1 request, great cache. Individual SVGs → load only what you use. Different approaches, different trade-offs.
1
2
Use sprite for global UI sets that repeat across pages. Use individual SVGs for code-split routes or rare icons. Bonus: use currentColor for easy theming add labels/ARIA for accessibility.
4
Icon of the Week is here! Every week, we spotlight one design that blends creativity, simplicity, and purpose — this one’s a perfect mix of all three. Available in SVG, PNG, and JPG — ready to drop straight into your next project! iamvector.com
1
17
Icon placement: help or hurt? Right placement guides users. Wrong placement confuses them. Let’s break it down ⬇️ #IconDesign #UX
1
1
24
What works: Label icon for primaries Consistent positions (search/filter in header) Group icons in tables, use tooltips Fewer icons → faster scanning #DesignSystems #ProductDesign
1
5
What to avoid: Icon-only critical actions Scattered micro-icons Inconsistent alignment 👉 Checklist: iamvector.com/learn/icon-pla… #UX #DesignTips
3
Icons stay consistent with tokens, not overrides: size grid, stroke weight, color via CSS vars, and explicit states.
1
5
Map tokens to modes (light/dark/brand). Align to touch targets; avoid per-icon hacks.
1
3
Example JSON → iamvector.com
1
🌟 Icon of the Week is here! 🌟 Fresh design, versatile use, and totally free. Find this icon and thousands more in SVG, PNG, and JPG at iamvector.com. 👉 Explore now: iamvector.com
5
6 techniques we use to make SVG icon systems fast and themeable:---
1
4
more replies
Delivery strategy: preload critical, cache aggressively; lazy-load non-critical sets.
1
2
Reality checks: contrast tokens, min tap size, test on real backgrounds.
2
Load more