ios speedometer icon
ios-speedometer-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-speedometer-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios speedometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C132.288 64 32 164.226 32 287.938c0 56.975 21.283 108.97 56.316 148.5 3.551 4.006 7.241 7.82 11.066 11.562 3.059-3.49 6.232-6.834 9.539-10.141.48-.48.972-.947 1.456-1.422 18.78-18.426 40.521-32.949 64.664-43.161 25.633-10.842 52.871-16.339 80.958-16.339s55.325 5.497 80.958 16.339c24.144 10.212 45.884 24.735 64.664 43.161.484.475.976.941 1.456 1.422 3.307 3.307 6.48 6.65 9.539 10.141 3.825-3.742 7.516-7.557 11.066-11.562 35.033-39.53 56.316-91.525 56.316-148.5C480 164.226 379.712 64 256 64zm191.661 305.177c-8.663 20.481-20.429 39.092-35.044 55.776-40.39-39.51-95.653-63.945-156.617-63.945s-116.228 24.33-156.617 63.84c-14.615-16.685-26.381-35.172-35.044-55.653a206.047 206.047 0 0 1-16.173-72.694H79.5v-16H48.166c.945-25 6.363-50.048 16.173-73.239 9.372-22.157 22.376-42.431 38.692-60.11l26.932 26.893 5.496-5.538 5.277-5.264-.02-.027.547-.552-26.951-26.984c17.862-16.647 38.004-29.894 60.479-39.4a206.128 206.128 0 0 1 72.708-16.174V117.5h16V80.104c26 .945 50.017 6.363 73.208 16.173 22.437 9.49 42.921 22.706 60.762 39.312l-26.975 27.069.577.547-.004.019 5.285 5.246 5.5 5.503 27.026-27.057c16.356 17.703 29.392 38.148 38.78 60.345 9.81 23.191 15.229 48.239 16.174 73.239H431.5v16h32.334a205.96 205.96 0 0 1-16.173 72.677z" fill="currentColor"/><path d="M368.479 174.545l-85.484 73.727a47.72 47.72 0 0 0-26.994-8.334c-26.467 0-48 21.533-48 48 0 10.479 3.385 20.178 9.106 28.08l-11.948 11.948 11.312 11.313 12.033-12.033c7.795 5.469 17.273 8.691 27.496 8.691 26.467 0 48-21.533 48-48 0-10.387-3.327-20.005-8.956-27.868l74.849-84.11-1.414-1.414zM256 319.938c-17.673 0-32-14.326-32-32 0-17.673 14.327-32 32-32s32 14.327 32 32c0 17.673-14.327 32-32 32z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosSpeedometerOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C132.288 64 32 164.226 32 287.938c0 56.975 21.283 108.97 56.316 148.5 3.551 4.006 7.241 7.82 11.066 11.562 3.059-3.49 6.232-6.834 9.539-10.141.48-.48.972-.947 1.456-1.422 18.78-18.426 40.521-32.949 64.664-43.161 25.633-10.842 52.871-16.339 80.958-16.339s55.325 5.497 80.958 16.339c24.144 10.212 45.884 24.735 64.664 43.161.484.475.976.941 1.456 1.422 3.307 3.307 6.48 6.65 9.539 10.141 3.825-3.742 7.516-7.557 11.066-11.562 35.033-39.53 56.316-91.525 56.316-148.5C480 164.226 379.712 64 256 64zm191.661 305.177c-8.663 20.481-20.429 39.092-35.044 55.776-40.39-39.51-95.653-63.945-156.617-63.945s-116.228 24.33-156.617 63.84c-14.615-16.685-26.381-35.172-35.044-55.653a206.047 206.047 0 0 1-16.173-72.694H79.5v-16H48.166c.945-25 6.363-50.048 16.173-73.239 9.372-22.157 22.376-42.431 38.692-60.11l26.932 26.893 5.496-5.538 5.277-5.264-.02-.027.547-.552-26.951-26.984c17.862-16.647 38.004-29.894 60.479-39.4a206.128 206.128 0 0 1 72.708-16.174V117.5h16V80.104c26 .945 50.017 6.363 73.208 16.173 22.437 9.49 42.921 22.706 60.762 39.312l-26.975 27.069.577.547-.004.019 5.285 5.246 5.5 5.503 27.026-27.057c16.356 17.703 29.392 38.148 38.78 60.345 9.81 23.191 15.229 48.239 16.174 73.239H431.5v16h32.334a205.96 205.96 0 0 1-16.173 72.677z" fill="currentColor"/><path d="M368.479 174.545l-85.484 73.727a47.72 47.72 0 0 0-26.994-8.334c-26.467 0-48 21.533-48 48 0 10.479 3.385 20.178 9.106 28.08l-11.948 11.948 11.312 11.313 12.033-12.033c7.795 5.469 17.273 8.691 27.496 8.691 26.467 0 48-21.533 48-48 0-10.387-3.327-20.005-8.956-27.868l74.849-84.11-1.414-1.414zM256 319.938c-17.673 0-32-14.326-32-32 0-17.673 14.327-32 32-32s32 14.327 32 32c0 17.673-14.327 32-32 32z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C132.288 64 32 164.226 32 287.938c0 56.975 21.283 108.97 56.316 148.5 3.551 4.006 7.241 7.82 11.066 11.562 3.059-3.49 6.232-6.834 9.539-10.141.48-.48.972-.947 1.456-1.422 18.78-18.426 40.521-32.949 64.664-43.161 25.633-10.842 52.871-16.339 80.958-16.339s55.325 5.497 80.958 16.339c24.144 10.212 45.884 24.735 64.664 43.161.484.475.976.941 1.456 1.422 3.307 3.307 6.48 6.65 9.539 10.141 3.825-3.742 7.516-7.557 11.066-11.562 35.033-39.53 56.316-91.525 56.316-148.5C480 164.226 379.712 64 256 64zm191.661 305.177c-8.663 20.481-20.429 39.092-35.044 55.776-40.39-39.51-95.653-63.945-156.617-63.945s-116.228 24.33-156.617 63.84c-14.615-16.685-26.381-35.172-35.044-55.653a206.047 206.047 0 0 1-16.173-72.694H79.5v-16H48.166c.945-25 6.363-50.048 16.173-73.239 9.372-22.157 22.376-42.431 38.692-60.11l26.932 26.893 5.496-5.538 5.277-5.264-.02-.027.547-.552-26.951-26.984c17.862-16.647 38.004-29.894 60.479-39.4a206.128 206.128 0 0 1 72.708-16.174V117.5h16V80.104c26 .945 50.017 6.363 73.208 16.173 22.437 9.49 42.921 22.706 60.762 39.312l-26.975 27.069.577.547-.004.019 5.285 5.246 5.5 5.503 27.026-27.057c16.356 17.703 29.392 38.148 38.78 60.345 9.81 23.191 15.229 48.239 16.174 73.239H431.5v16h32.334a205.96 205.96 0 0 1-16.173 72.677z" fill="currentColor"/><path d="M368.479 174.545l-85.484 73.727a47.72 47.72 0 0 0-26.994-8.334c-26.467 0-48 21.533-48 48 0 10.479 3.385 20.178 9.106 28.08l-11.948 11.948 11.312 11.313 12.033-12.033c7.795 5.469 17.273 8.691 27.496 8.691 26.467 0 48-21.533 48-48 0-10.387-3.327-20.005-8.956-27.868l74.849-84.11-1.414-1.414zM256 319.938c-17.673 0-32-14.326-32-32 0-17.673 14.327-32 32-32s32 14.327 32 32c0 17.673-14.327 32-32 32z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-speedometer-outline {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C132.288%2064%2032%20164.226%2032%20287.938c0%2056.975%2021.283%20108.97%2056.316%20148.5%203.551%204.006%207.241%207.82%2011.066%2011.562%203.059-3.49%206.232-6.834%209.539-10.141.48-.48.972-.947%201.456-1.422%2018.78-18.426%2040.521-32.949%2064.664-43.161%2025.633-10.842%2052.871-16.339%2080.958-16.339s55.325%205.497%2080.958%2016.339c24.144%2010.212%2045.884%2024.735%2064.664%2043.161.484.475.976.941%201.456%201.422%203.307%203.307%206.48%206.65%209.539%2010.141%203.825-3.742%207.516-7.557%2011.066-11.562%2035.033-39.53%2056.316-91.525%2056.316-148.5C480%20164.226%20379.712%2064%20256%2064zm191.661%20305.177c-8.663%2020.481-20.429%2039.092-35.044%2055.776-40.39-39.51-95.653-63.945-156.617-63.945s-116.228%2024.33-156.617%2063.84c-14.615-16.685-26.381-35.172-35.044-55.653a206.047%20206.047%200%200%201-16.173-72.694H79.5v-16H48.166c.945-25%206.363-50.048%2016.173-73.239%209.372-22.157%2022.376-42.431%2038.692-60.11l26.932%2026.893%205.496-5.538%205.277-5.264-.02-.027.547-.552-26.951-26.984c17.862-16.647%2038.004-29.894%2060.479-39.4a206.128%20206.128%200%200%201%2072.708-16.174V117.5h16V80.104c26%20.945%2050.017%206.363%2073.208%2016.173%2022.437%209.49%2042.921%2022.706%2060.762%2039.312l-26.975%2027.069.577.547-.004.019%205.285%205.246%205.5%205.503%2027.026-27.057c16.356%2017.703%2029.392%2038.148%2038.78%2060.345%209.81%2023.191%2015.229%2048.239%2016.174%2073.239H431.5v16h32.334a205.96%20205.96%200%200%201-16.173%2072.677z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M368.479%20174.545l-85.484%2073.727a47.72%2047.72%200%200%200-26.994-8.334c-26.467%200-48%2021.533-48%2048%200%2010.479%203.385%2020.178%209.106%2028.08l-11.948%2011.948%2011.312%2011.313%2012.033-12.033c7.795%205.469%2017.273%208.691%2027.496%208.691%2026.467%200%2048-21.533%2048-48%200-10.387-3.327-20.005-8.956-27.868l74.849-84.11-1.414-1.414zM256%20319.938c-17.673%200-32-14.326-32-32%200-17.673%2014.327-32%2032-32s32%2014.327%2032%2032c0%2017.673-14.327%2032-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C132.288%2064%2032%20164.226%2032%20287.938c0%2056.975%2021.283%20108.97%2056.316%20148.5%203.551%204.006%207.241%207.82%2011.066%2011.562%203.059-3.49%206.232-6.834%209.539-10.141.48-.48.972-.947%201.456-1.422%2018.78-18.426%2040.521-32.949%2064.664-43.161%2025.633-10.842%2052.871-16.339%2080.958-16.339s55.325%205.497%2080.958%2016.339c24.144%2010.212%2045.884%2024.735%2064.664%2043.161.484.475.976.941%201.456%201.422%203.307%203.307%206.48%206.65%209.539%2010.141%203.825-3.742%207.516-7.557%2011.066-11.562%2035.033-39.53%2056.316-91.525%2056.316-148.5C480%20164.226%20379.712%2064%20256%2064zm191.661%20305.177c-8.663%2020.481-20.429%2039.092-35.044%2055.776-40.39-39.51-95.653-63.945-156.617-63.945s-116.228%2024.33-156.617%2063.84c-14.615-16.685-26.381-35.172-35.044-55.653a206.047%20206.047%200%200%201-16.173-72.694H79.5v-16H48.166c.945-25%206.363-50.048%2016.173-73.239%209.372-22.157%2022.376-42.431%2038.692-60.11l26.932%2026.893%205.496-5.538%205.277-5.264-.02-.027.547-.552-26.951-26.984c17.862-16.647%2038.004-29.894%2060.479-39.4a206.128%20206.128%200%200%201%2072.708-16.174V117.5h16V80.104c26%20.945%2050.017%206.363%2073.208%2016.173%2022.437%209.49%2042.921%2022.706%2060.762%2039.312l-26.975%2027.069.577.547-.004.019%205.285%205.246%205.5%205.503%2027.026-27.057c16.356%2017.703%2029.392%2038.148%2038.78%2060.345%209.81%2023.191%2015.229%2048.239%2016.174%2073.239H431.5v16h32.334a205.96%20205.96%200%200%201-16.173%2072.677z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M368.479%20174.545l-85.484%2073.727a47.72%2047.72%200%200%200-26.994-8.334c-26.467%200-48%2021.533-48%2048%200%2010.479%203.385%2020.178%209.106%2028.08l-11.948%2011.948%2011.312%2011.313%2012.033-12.033c7.795%205.469%2017.273%208.691%2027.496%208.691%2026.467%200%2048-21.533%2048-48%200-10.387-3.327-20.005-8.956-27.868l74.849-84.11-1.414-1.414zM256%20319.938c-17.673%200-32-14.326-32-32%200-17.673%2014.327-32%2032-32s32%2014.327%2032%2032c0%2017.673-14.327%2032-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-speedometer-outline.svg?color=%231a73e8&size=48
