Search Results for "i-doit"

Download one of our free icon templates from the resources page. You just need to download the icon you want, find the app to update on Finder, select it and "File/Get Info" or "⌘-I" and drag and drop the downloaded .icns file to the new window. Download the template for Sketch, Figma, Pixelmator, Photoshop, Pixelmator or Illustrator from the Resources page.

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

...Place the contents from the fonts and css folder in your project, assuming that your fonts are located under a ../fonts/ path relative to your CSS directory. The icons are displayed by using the i element and adding the base class owi and the icon class that you want, such as a owi owi-01d the code 01d is the icon code that you get from Open Weather Map.

...Complex network diagrams typically involve specific place of icons, connections and labels using a tool like Visio or OmniGraffle using a mouse and constantly zooming in and out for single-pixel placement. The goal behind drawthe.net, was to be able to describe the digram in a text file and have it rendered in SVG in the browser. I simply wanted to be able to draw network diagrams as fast as it could be done on a dry-erase board without using a mouse. Each icon and icon family may behave differently when the fill and stroke are applied, review the icon cut sheets to see the icons available for each family with the iconFill and iconStroke set.