Search Results for "size"

... need to know that. Phosphor's intuitive but powerful API can style the color, size, and weight of an icon with a few keystrokes, provide default styles to all icons via the Context API, or directly manipulate the SVG at runtime through render props to do some amazing things! Supports tree-shaking, so your bundle only includes code for the icons you use.

Hamburger menu icons for React, with CSS-driven transitions. Created to be as elegant and performant as possible. This means no JavaScript animations, no transitions on non-cheap properties and a small size. It is recommended to have a tap/click area of at least 48x48 pixels. Therefore, padding will be added around the icon to create a surface of exactly this size. Keyboard interaction is provided with the enter key, and the icon element has the recommended accessibility attributes...

Access thousands of icons as components on-demand universally. Any icon sets - 100+ popular sets with over 10,000 icons, logos, emojis, etc. Powered by Iconify. Major build tools - Vite, Webpack, Rollup, Nuxt, etc. Powered by unplugin. Major frameworks - Vanilla, Web Components, React, Vue 3, Vue 2, Solid, Svelte, and more. On-demand - Only bundle the icons you really use, while having all the options. SSR / SSG friendly - Ship the icons with your page, no more FOUC. Stylable - Change size...

... be "iconoir-" and then the name of the icon. The icons are display: inline-block and default to the current font size. You can control this by adjusting the ::before styles of the element.

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...

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts. Uses high contrast, color-blind safe palettes and is tested with most assistive technology. Configurable enough to meet the needs of a wide array of contexts while maintaining brand and low-level consistency. Code is friendly to the novice and expert alike. The Elastic UI...