Iconify All icon collections IonIcons. SVG code for ion-speedometer-outline. To embed ion-speedometer-outline in your page add following code:. See project: Iconify for React. Rotate icon:. SVG code for ion-speedometer. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Set custom width:. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon.

That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. Browse Icons. By default color for monotone icons is the same as text color, which means you can style icons using css like this:. Iconify icons can behave like images or like glyphs. You can flip and rotate icon. Ion Icons Icon packs to use in your design projects. See tutorial: transformations. Add code below to your script to use ion-speedometer as React component. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts.

Rotate icon:. To embed ion-speedometer in your page add following code:. Ionic 5 is here! SVG code for ion-speedometer. See tutorial: how to use Iconify in CSS. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. Previous Page Print Page. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. By default color for monotone icons is the same as text color, which means you can style icons using css like this:.

You can check all the Ionic icons here. You can use stylesheet to set custom dimensions like this:. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. Set custom color:. See project: Iconify for React. SVG code for ion-speedometer-outline. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page.

See tutorial: how to use Iconify in CSS. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. Inline below baseline alignment Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Thousands of icons, one unified framework. By default color for monotone icons is the same as text color, which means you can style icons using css like this:. The Subclass is the name of the icon you want. You have selected a monotone icon. See tutorial: transformations. To embed ion-speedometer in your page add following code:.

It offers one syntax for over 80 popular icon sets that include over 60, icons. You can use stylesheet to set custom dimensions like this:. Iconify icons can behave like images or like glyphs. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. It can also be used with custom icons. Difference is very small, but important. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. It offers one syntax for over 80 popular icon sets that include over 60, icons. The size of these icons can be changed with the font-size property in your Ionic CSS file. Set custom height:.

Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. To embed ion-speedometer-outline in your page add following code:. Monotone icons do not have hardcoded colors, which means you can set any color. See Iconify SVG framework documentation for details. Documentation GitHub. See tutorial: transformations. Previous Page. See tutorial: how to use Iconify in CSS. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option.

Log in Sign up. Monotone images cannot inherit color from stylesheet, so you must set color attribute. UI designers can import icons directly in projects using Iconify plug-in for Figma or Iconify plug-in for Sketch. See Iconify SVG framework documentation for details. Documentation GitHub. Ionic 5 is here! By default color for monotone icons is the same as text color, which means you can style icons using css like this:. Browse Icons. Previous Page Print Page. You can use stylesheet to set custom dimensions like this:.

It can also be used with custom icons. Avoid using Iconify in CSS if you can. Set custom width:. See tutorial: how to use Iconify in CSS. Images are loaded one by one, which might affect performance if there are too many images. Log in Sign up. Difference is very small, but important. View Profile Settings Help Logout. Avoid using Iconify in CSS if you can.

See Iconify SVG framework documentation for details. See tutorial: how to use Iconify in CSS. All brand icons are trademarks of their respective owners. SVG code for ion-speedometer-outline. Ionic - Icons Advertisements. Add code below to your stylesheet to use ion-speedometer as background:. See project: Iconify for React. Browse Icons. Need help upgrading to Ionic Framework 4.

Rotate icon:. Dashboard Logout. Inline below baseline alignment Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Monotone icons do not have hardcoded colors, which means you can set any color. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa. Browse Icons. Documentation GitHub. Previous Page Print Page.

See project: Iconify for React. This ensures image content remains within its bounding box and allows you to apply additional CSS transformations. See tutorial: inline vs block. Monotone icons do not have hardcoded colors, which means you can set any color. Inline below baseline alignment Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Browse Icons. Dashboard Logout. Avoid using Iconify in CSS if you can.

It can also be used with custom icons. See tutorial: how to use Iconify in pages. Next Page. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. It offers one syntax for over 80 popular icon sets that include over 60, icons. Dashboard Logout. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. You can check all the Ionic icons here.

Monotone icons do not have hardcoded colors, which means you can set any color. Images are loaded one by one, which might affect performance if there are too many images. You have selected a monotone icon. See tutorial: custom dimensions and alignment. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. This ensures image content remains within its bounding box and allows you to apply additional CSS transformations. It can also be used with custom icons. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Set custom width:.

You have selected a monotone icon. See tutorial: transformations. By default height is set to "1em", width is automatically adjusted for each icon. Rotate icon:. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. Images are loaded one by one, which might affect performance if there are too many images. To embed ion-speedometer in your page add following code:. There are also different sets of icons provided for Android and IOS. It offers one syntax for over 80 popular icon sets that include over 60, icons.

All brand icons are trademarks of their respective owners. That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page. Monotone images cannot inherit color from stylesheet, so you must set color attribute. Rotate icon:. Iconify All icon collections IonIcons. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. Layout Color Dimensions Transformations. You have selected a monotone icon. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon.

Add code below to your stylesheet to use ion-speedometer as background:. See Iconify SVG framework documentation for details. See tutorial: custom dimensions and alignment. Iconify All icon collections IonIcons. Difference is very small, but important. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. Ionic 5 is here! Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:.

You have selected a monotone icon. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Avoid using Iconify in CSS if you can. The size of these icons can be changed with the font-size property in your Ionic CSS file. Set custom color:. Layout Color Dimensions Transformations. Flip icon:. See project: Iconify for React.

It can also be used with custom icons. See tutorial: how to use Iconify in pages. Previous Page Print Page. The main class for all icons is icon. See tutorial: transformations. Ion Icons Icon packs to use in your design projects. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. See tutorial: inline vs block.

See tutorial: inline vs block. SVG code for ion-speedometer. That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. View Profile Settings Help Logout. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. Avoid using Iconify in CSS if you can. See Iconify SVG framework documentation for details. See tutorial: how to use Iconify in pages. Log in Sign up. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:.

You can use your own custom icons or any other icon set instead. See tutorial: inline vs block. Rotate icon:. By default color for monotone icons is the same as text color, which means you can style icons using css like this:. Ionic 5 is here! See tutorial: custom dimensions and alignment. Set custom width:. Set custom height:. See tutorial: transformations. Add code below to your script to use ion-speedometer as React component.

The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa. Monotone images cannot inherit color from stylesheet, so you must set color attribute. See tutorial: how to use Iconify in pages. To embed ion-speedometer-outline in your page add following code:. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. You can use stylesheet to set custom dimensions like this:. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Log in Sign up. View Profile Settings Help Logout. Monotone icons do not have hardcoded colors, which means you can set any color.

Layout Color Dimensions Transformations. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page. You can flip and rotate icon. You can use stylesheet to set custom dimensions like this:. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Set custom width:. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page. Iconify icons can behave like images or like glyphs.

Add code below to your script to use ion-speedometer-outline as React component. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Need help upgrading to Ionic Framework 4. There are also different sets of icons provided for Android and IOS. Add code below to your stylesheet to use ion-speedometer as background:. SVG code for ion-speedometer. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon.

To embed ion-speedometer-outline in your page add following code:. See Iconify SVG framework documentation for details. Previous Page. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. This ensures image content remains within its bounding box and allows you to apply additional CSS transformations. Layout Color Dimensions Transformations. Thousands of icons, one unified framework. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. To embed ion-speedometer in your page add following code:.

Rotate icon:. See tutorial: how to use Iconify in CSS. See Iconify SVG framework documentation for details. Iconify All icon collections IonIcons. Set custom height:. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. It can also be used with custom icons. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa. See tutorial: custom dimensions and alignment. The main class for all icons is icon.

That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. You can check all the Ionic icons here. By default height is set to "1em", width is automatically adjusted for each icon. View Profile Settings Help Logout. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. You can use your own custom icons or any other icon set instead. You can flip and rotate icon.

Set custom color:. Monotone images cannot inherit color from stylesheet, so you must set color attribute. Default Icons iOS 7-style icons Brand icons. See tutorial: custom dimensions and alignment. All brand icons are trademarks of their respective owners. You can flip and rotate icon. The size of these icons can be changed with the font-size property in your Ionic CSS file. Flip icon:.

Iconify icons can behave like images or like glyphs. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. See tutorial: transformations. See tutorial: how to use Iconify in pages. That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. There are also different sets of icons provided for Android and IOS. See Iconify SVG framework documentation for details. See tutorial: how to use Iconify in pages.

All brand icons are trademarks of their respective owners. See tutorial: inline vs block. To embed ion-speedometer-outline in your page add following code:. That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. UI designers can import icons directly in projects using Iconify plug-in for Figma or Iconify plug-in for Sketch. The size of these icons can be changed with the font-size property in your Ionic CSS file. You can check all the Ionic icons here. SVG code for ion-speedometer-outline. You can flip and rotate icon. See Iconify SVG framework documentation for details.

Documentation GitHub. It can also be used with custom icons. You can use your own custom icons or any other icon set instead. Browse Icons. UI designers can import icons directly in projects using Iconify plug-in for Figma or Iconify plug-in for Sketch. Inline below baseline alignment Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Log in Sign up. Previous Page. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option.

Add code below to your stylesheet to use ion-speedometer as background:. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. It can also be used with custom icons. Need help upgrading to Ionic Framework 4. Ionic - Icons Advertisements. See tutorial: custom dimensions and alignment. This ensures image content remains within its bounding box and allows you to apply additional CSS transformations. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. Iconify icons can behave like images or like glyphs. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons.

Need help upgrading to Ionic Framework 4. Inline below baseline alignment Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Iconify icons can behave like images or like glyphs. You can use stylesheet to set custom dimensions like this:. Next Page. This ensures image content remains within its bounding box and allows you to apply additional CSS transformations. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. Ionic - Icons Advertisements. Difference is very small, but important.

To embed ion-speedometer in your page add following code:. Difference is very small, but important. Monotone images cannot inherit color from stylesheet, so you must set color attribute. It offers one syntax for over 80 popular icon sets that include over 60, icons. Next Page. Ion Icons Icon packs to use in your design projects. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. You can use stylesheet to set custom dimensions like this:. SVG code for ion-speedometer-outline.

See tutorial: how to use Iconify in CSS. See tutorial: inline vs block. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option. It can also be used with custom icons. You can flip and rotate icon. See tutorial: how to use Iconify in pages. 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 script to use ion-speedometer as React component. Monotone images cannot inherit color from stylesheet, so you must set color attribute. Monotone icons do not have hardcoded colors, which means you can set any color.

Ionic - Icons Advertisements. Inline below baseline alignment Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. By default height is set to "1em", width is automatically adjusted for each icon. Documentation GitHub. To embed ion-speedometer in your page add following code:. Documentation GitHub. You can flip and rotate icon. Set custom color:. See tutorial: custom dimensions and alignment.

Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. This ensures image content remains within its bounding box and allows you to apply additional CSS transformations. Images are loaded one by one, which might affect performance if there are too many images. It offers one syntax for over 80 popular icon sets that include over 60, icons. Difference is very small, but important. Set custom color:. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page. The size of these icons can be changed with the font-size property in your Ionic CSS file. See tutorial: how to use Iconify in CSS. The Subclass is the name of the icon you want.

To embed ion-speedometer-outline in your page add following code:. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. Difference is very small, but important. Previous Page. See tutorial: custom dimensions and alignment. See tutorial: inline vs block. That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. Images are loaded one by one, which might affect performance if there are too many images. Browse Icons. Iconify All icon collections IonIcons.

It offers one syntax for over 80 popular icon sets that include over 60, icons. Previous Page Print Page. You can flip and rotate icon. Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. Set custom color:. Monotone images cannot inherit color from stylesheet, so you must set color attribute. Log in Sign up. Previous Page. It can also be used with custom icons.

It can also be used with custom icons. You can use stylesheet to set custom dimensions like this:. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page. See tutorial: how to use Iconify in pages. There are also different sets of icons provided for Android and IOS. By default height is set to "1em", width is automatically adjusted for each icon. Previous Page. See tutorial: how to use Iconify in CSS. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:.

By default color for monotone icons is the same as text color, which means you can style icons using css like this:. You can flip and rotate icon. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. By default height is set to "1em", width is automatically adjusted for each icon. See tutorial: transformations. See tutorial: how to use Iconify in CSS. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. Default Icons iOS 7-style icons Brand icons. Monotone images cannot inherit color from stylesheet, so you must set color attribute. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option.

Monotone icons when used as external resources cannot inherit color from stylesheet, therefore you must specify color. By default color for monotone icons is the same as text color, which means you can style icons using css like this:. Add code below to your stylesheet to use ion-speedometer-outline as background:. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page. You can flip and rotate icon. Next Page. Monotone images cannot inherit color from stylesheet, so you must set color attribute. See tutorial: how to use Iconify in pages. Set custom width:. Iconify All icon collections IonIcons.

Thousands of icons, one unified framework. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. Flip icon:. You can check all the Ionic icons here. Set custom width:. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. Dashboard Logout. SVG code for ion-speedometer-outline. Documentation GitHub.

Layout Color Dimensions Transformations. Monotone images cannot inherit color from stylesheet, so you must set color attribute. Monotone images cannot inherit color from stylesheet, so you must set color attribute. Add code below to your stylesheet to use ion-speedometer as background:. SVG code for ion-speedometer-outline. Previous Page Print Page. Unlike other SVG frameworks, Iconify only loads icons that are displayed on page. By default height is set to "1em", width is automatically adjusted for each icon. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option.

It offers one syntax for over 80 popular icon sets that include over 60, icons. It can also be used with custom icons. See tutorial: inline vs block. You can flip and rotate icon. See Iconify SVG framework documentation for details. There are also different sets of icons provided for Android and IOS. Iconify icons can behave like images or like glyphs. If you want it for decoration, select "block" option, if you want image to be placed in middle of text, such as placing emoji in text, select "inline" option.

You can flip and rotate icon. Browse Icons. You can use stylesheet to set custom dimensions like this:. See project: Iconify for React. UI designers can import icons directly in projects using Iconify plug-in for Figma or Iconify plug-in for Sketch. See tutorial: transformations. That means your visitors will not have to load multiple fonts to display icons from different icon sets, you are no longer limited to icons available in 1 icon set. Next Page. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts.

By default color for monotone icons is the same as text color, which means you can style icons using css like this:. Images are loaded one by one, which might affect performance if there are too many images. Images are loaded one by one, which might affect performance if there are too many images. Ionic 5 is here! Set custom width:. See project: Iconify for React. Flip icon:. Difference is very small, but important.

All brand icons are trademarks of their respective owners. You can use stylesheet to set custom dimensions like this:. It offers one syntax for over 80 popular icon sets that include over 60, icons. See project: Iconify for React. Layout Color Dimensions Transformations. It can also be used with custom icons. Layout Color Dimensions Transformations. You can use your own custom icons or any other icon set instead. It offers one syntax for over 80 popular icon sets that include over 60, icons. UI designers can import icons directly in projects using Iconify plug-in for Figma or Iconify plug-in for Sketch.

See tutorial: inline vs block. See tutorial: how to use Iconify in pages. By default height is set to "1em", width is automatically adjusted for each icon. Flip icon:. See Iconify SVG framework documentation for details. See project: Iconify for React. Previous Page. The main class for all icons is icon. Monotone images cannot inherit color from stylesheet, so you must set color attribute.

Set custom color:. Add code below to your script to use ion-speedometer-outline as React component. Set custom color:. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. It can also be used with custom icons. Images are loaded one by one, which might affect performance if there are too many images. Layout Color Dimensions Transformations. Iconify All icon collections IonIcons. You can flip and rotate icon. UI designers can import icons directly in projects using Iconify plug-in for Figma or Iconify plug-in for Sketch.

See Iconify SVG framework documentation for details. See tutorial: custom dimensions and alignment. The Subclass is the name of the icon you want. When you are adding Ionic elements, you always add the main class first and then you add the subclass you want. See Iconify SVG framework documentation for details. Code below includes extra transparent rectangle that matches viewBox, so if you paste icon in editor it will have same dimensions as in HTML:. You can use stylesheet to set custom dimensions like this:. Set custom width:. Browse Icons. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon.

Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Add code below to your script to use ion-speedometer as React component. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. See tutorial: inline vs block. Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. Inline below baseline alignment Icon will behave like glyphs aligned below baseline, perfect for being used inside text similar to glyph fonts. To embed ion-speedometer in your page add following code:. You have selected a monotone icon. Because of that when you paste SVG in editor, dimensions often don't match, making it hard to align icon. All brand icons are trademarks of their respective owners.