Search Results for "line"

...Specifically to add a high number of extra glyphs from popular ‘iconic fonts’ such as Font Awesome, Devicons, Octicons, and others. All patched fonts have Powerline symbols, extra Powerline symbols and many icons to choose from. Build your own status line, add icons to filetypes, and make visual grepping easier. You are only limited by your imagination. Use the provided FontForge Python Script to patch your own font or to generate millions of unique combinations/variations.

Simple, minimal line, and clean icon pack in vector formats, free for public use. The package comes with a set of icons that can be found on the Bootstrap Icons. These icons are prefixed with bs. which is used as a prefix to identify the icons in your code. In order to include an icon from a popular icon set such as Font Awesome, you can create a new directory for storing the icons.

Aleta is a material design icon pack for GNU/Linux desktops.

A collection of everyday React Native CLI tools. Everyday tools for simpler React Native development. Once installed, plugins are available through the React Native CLI. You can get the list of available plugins by running react-native -h within your project's folder.

...So whether you are a designer or a developer, you can use them in your designs or your projects for free. Basic coloring can be done by setting two attributes on the node: fill and stroke. Fill sets the color inside the object while stroke sets the color of the line drawn around the object. By changing these two attributes, you can transform a single SVG icon into different themes, including outline, filled, two-tone, and multi-color.

Replace Font Awesome with modern line icons. Swap Font Awesome for modern line icons in one line of code. Line Awesome is a free alternative for Font Awesome 5.11.2. It consists of ~1380 flat icons that offer complete coverage of the main Font Awesome icon set. This icon font is based off of the Icons8 Windows 10 style, which consists of over 4,000 icons, so be sure to check that out if you need more specific icons.

...Either drop each icon inline directly in your page as-needed, or loaded them up via external .svg file and the use tag. You can then easily change the weight of the icon by changing stroke-width attribute. You can also change the shape of the line caps and the line joins with stroke-linecap and stroke-linejoin. This will change the style of the icons by making them rounded or squared off. 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.