Figma
=====

Import an SVG (editable vectors)
--------------------------------

1. Drag files from svg/<style>/ onto the Figma canvas, or use File > Place image… and pick
   the SVGs. Several files can be dropped at once.
2. Each icon arrives as a 24 × 24 frame of vector layers you
   can select and edit.
   - Flat and Special Lineal Color keep all their colours as fills and strokes. In Lineal
     Color every outline is the same navy (#2e2540), so Select matching layers
     (Ctrl/Cmd+Alt+A) on one outline recolours them all.
   - Line and Solid are drawn through a mask and paint with one colour: change the fill of
     the rectangle inside the frame to recolour them, or Flatten (Ctrl/Cmd+E) first to get
     a single editable vector.
3. Turn an icon into a component (Ctrl/Cmd+Alt+K) to reuse it across a file.

Copy and paste
--------------

On hubtoolify.com, "Copy SVG" in an icon's panel puts the customised SVG (colours, size,
background) on the clipboard; paste it straight onto the Figma canvas.

© 2026 HubToolify. All rights reserved. This notice identifies the artwork's origin; it is not by itself a
guarantee of exclusive rights.
