Use it to embed SVG directly in page or to paste it in UI editor application, such as Sketch, Adobe XD, Affinity Designer or Figma.

Most editors ignore SVG viewBox attribute. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:

Add code below to your stylesheet to use fxemoji-vibrationmode as background:

Add code below to your stylesheet to use fxemoji-vibrationmode as pseudo element's content:

Avoid using Iconify in CSS if you can. Images are loaded one by one, which might affect performance if there are too many images. Monotone images cannot inherit color from stylesheet, so you must set color attribute.

You can flip and rotate icon. Transformations are done using SVG transformations, not CSS. This ensures image content remains within its bounding box and allows you to apply additional CSS transformations.

Integration

Currently Iconify is available only as JavaScript library for browsers. This makes Iconify usable on web pages. To use Iconify without relying on Iconify API there is possibility to host custom API and bundle icons with custom scripts.

Additionally when browsing icons, when you select any icon, you can copy or download SVG code. You can use it in editors or embed SVG directly into pages instead of using Iconify JavaScript.

Applications built with technologies such as React or Angular can use Iconify HTML syntax for browsers instead of dedicated components. Iconify JavaScript will replace placeholders generated dynamically by framework with SVG.

However in future it will change.

Plan is to create dedicated React and Angular components in early 2019. Support for other frameworks can be added too. What will be different from using current Iconify JavaScript? It will be proper components that generate SVG, not placeholders and generated bundle will include all SVG data. It will not require Iconify JavaScript. Of course you can continue using current placeholder syntax if you prefer. All integration methods planned for future will add new options, not replace existing options.

Additionally integration is planned for XenForo 2 forum software. It will feature icon picker component that will include icon search, custom option and style property types, custom XenForo template tags, making it easy to add icon pickers to third party styles and add-ons. This is currently in development, plan is to release it sometime late December 2018 or early January 2019.