Using icons
Size, stroke and colour
Sizing Kineticons icons, adjusting stroke weight and colouring them with currentColor.
Size
Icons are drawn on a 24-unit grid and look sharpest at 16, 20, 24 and 32 pixels.
16px20px24px32px48px
Stroke
strokeWidth is in grid units and keeps the same visual weight at any size: 1.75 by default, 1.5 for a lighter look, 2 for bolder.
Colour
Icons draw with currentColor, so they take the text colour of what they sit in. Set color on the icon or its parent; duotone’s fill follows the same colour.
Something unclear or missing? Open an issue.