Search Results for "small"

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 (such as role). You can use the label property to supply an ARIA label for the icon.

Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. 1047 icons and counting. 6 weights: Thin, Light, Regular, Bold, Fill, and Duotone. Designed at 16 x 16px to read well small and scale up big. Raw stroke information retained to fine-tune the style. We use a similar approach as many other icon sets out there, providing icons as a webfont that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. But you don't 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! ...

...The search can look for known character associations & relationships, too! MkFont respects your assets and allows for experimenting safely with different settings until you find the one that suits your needs. MkFont comes with a small tool that takes a text blurb to show you which group of letters are recurring – and create ligatures out of them.

Designed on a 15x15 grid, Teenyicons easily fit in very small spaces and maintain a crisp look. Copy the SVGs you wish to use from outline and solid directories inside node_modules/teenyicons and inline them in your HTML. Use CSS's color to change the SVG's color. Tests for SVG dimensions. Frameworks component libraries (Vue, React, etc.) Figma plugin.

...All these stroke properties are also available to use in CSS. Since there is a 2px margin between the paths and viewBox, I recommend not having a stroke-width larger than 4px (or 12.5%). 4px might seems small but it's relative to the 32x32 grid.

...Check the HTML if you're not sure how to include the icons to your project. Don't forget that every icon is available as a separate SVG file (in SVG/ folder) as well. Available in Webfont & SVG format for taking advantage of small file sizes and unlimited scalability, Cryptocoins are perfect for usage on the web, right where they belong. Use them all or just the ones you need. There are many ways/formats how to use Cryptocoins.