Search Results for "styling"

Icon web font library for @siemens/ix. Using icons within your project. You need to install and load styling.

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc. SVG is supported by all major browsers. With react-icons, you can serve only the needed icons instead of one big font file to the users, helping you to...

Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. We designed the icon library we always wanted to use. Easy to pick up and plug in. Truly consistent in style and scale. Flexible to multiple sizes and weights. Reserved enough to be multi-purpose, but a little quirky, too. Simply import the icons you need, and add them anywhere in your render method. Phosphor supports tree-shaking, so your bundle only includes code for the icons you use. Icon...

...Create a provided object or function at the root of the app (or anywhere above the icons in the tree) that returns a configuration object with props to be applied by default to all icons in the tree. You may create multiple providers for styling icons differently in separate regions of an application; icons use the nearest provider above them to determine their style.

Iconify is a universal icon framework that aggregates over 150 open-source icon sets—including FontAwesome, Material Design Icons, DashIcons, Feather, EmojiOne, and more—into a single, consistent syntax, making it vastly easier for developers to work with scalable vector icons across web and app projects. The project provides a standardized API and tooling for embedding SVG icons in frameworks such as React, Vue, and Svelte, letting developers include and style icons without multiple...