Skip to content

Latest update to @blueprintjs/icons breaks static icon rendering when icons CSS not imported #6637

Closed
@nerdstep

Description

@nerdstep

When using only static icon imports from Blueprint there is no need to import blueprint-icons.css, however with the latest change the icons are broken if the CSS is not imported.

Environment

  • Package version(s): core@5.8.0 | icons@5.6.0
  • Operating System: Windows 10
  • Browser name and version: Chrome 120

Code Sandbox

Steps to reproduce

  1. Do not import blueprint-icons.css
  2. Use a static icon, i.e. <Download size={16} />

Actual behavior

Icon is not rendered correctly due to missing transform-origin: center; styles.

image

Expected behavior

Expected the icons to render correctly without needing to import blueprint-icons.css

Possible solution

Move the new styles to blueprint.css

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions