online prediction icon
online-prediction from Material Symbols by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- online-prediction
- Set
- Material Symbols
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- online-prediction-outline, online-prediction-outline-sharp, online-prediction-sharp
1 other variant in Material Symbols
The same icon in other sets
More actions icons from Material Symbols
Use the online prediction icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.925 19.075q-1.35-1.35-2.137-3.175T2 12t.788-3.9t2.137-3.175L6 6Q4.825 7.175 4.163 8.7T3.5 12t.663 3.3T6 18zM7.05 16.95q-.95-.95-1.5-2.225T5 12t.55-2.725t1.5-2.225L8.1 8.1q-.75.75-1.175 1.75T6.5 12t.425 2.15T8.1 15.9zM11 16.5q0-.575-.387-1.137t-.863-1.175t-.862-1.276T8.5 11.5q0-1.45 1.025-2.475T12 8t2.475 1.025T15.5 11.5q0 .75-.387 1.413t-.863 1.274t-.862 1.176T13 16.5zm0 2.5v-1.5h2V19zm5.95-2.05L15.9 15.9q.75-.75 1.175-1.75T17.5 12t-.425-2.15T15.9 8.1l1.05-1.05q.95.95 1.5 2.225T19 12t-.55 2.725t-1.5 2.225m2.125 2.125L18 18q1.175-1.175 1.838-2.7T20.5 12t-.663-3.3T18 6l1.075-1.075q1.35 1.35 2.138 3.175T22 12t-.788 3.9t-2.137 3.175"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsOnlinePrediction(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.925 19.075q-1.35-1.35-2.137-3.175T2 12t.788-3.9t2.137-3.175L6 6Q4.825 7.175 4.163 8.7T3.5 12t.663 3.3T6 18zM7.05 16.95q-.95-.95-1.5-2.225T5 12t.55-2.725t1.5-2.225L8.1 8.1q-.75.75-1.175 1.75T6.5 12t.425 2.15T8.1 15.9zM11 16.5q0-.575-.387-1.137t-.863-1.175t-.862-1.276T8.5 11.5q0-1.45 1.025-2.475T12 8t2.475 1.025T15.5 11.5q0 .75-.387 1.413t-.863 1.274t-.862 1.176T13 16.5zm0 2.5v-1.5h2V19zm5.95-2.05L15.9 15.9q.75-.75 1.175-1.75T17.5 12t-.425-2.15T15.9 8.1l1.05-1.05q.95.95 1.5 2.225T19 12t-.55 2.725t-1.5 2.225m2.125 2.125L18 18q1.175-1.175 1.838-2.7T20.5 12t-.663-3.3T18 6l1.075-1.075q1.35 1.35 2.138 3.175T22 12t-.788 3.9t-2.137 3.175"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.925 19.075q-1.35-1.35-2.137-3.175T2 12t.788-3.9t2.137-3.175L6 6Q4.825 7.175 4.163 8.7T3.5 12t.663 3.3T6 18zM7.05 16.95q-.95-.95-1.5-2.225T5 12t.55-2.725t1.5-2.225L8.1 8.1q-.75.75-1.175 1.75T6.5 12t.425 2.15T8.1 15.9zM11 16.5q0-.575-.387-1.137t-.863-1.175t-.862-1.276T8.5 11.5q0-1.45 1.025-2.475T12 8t2.475 1.025T15.5 11.5q0 .75-.387 1.413t-.863 1.274t-.862 1.176T13 16.5zm0 2.5v-1.5h2V19zm5.95-2.05L15.9 15.9q.75-.75 1.175-1.75T17.5 12t-.425-2.15T15.9 8.1l1.05-1.05q.95.95 1.5 2.225T19 12t-.55 2.725t-1.5 2.225m2.125 2.125L18 18q1.175-1.175 1.838-2.7T20.5 12t-.663-3.3T18 6l1.075-1.075q1.35 1.35 2.138 3.175T22 12t-.788 3.9t-2.137 3.175"/></svg> </template>
CSS
.icon-online-prediction {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.925%2019.075q-1.35-1.35-2.137-3.175T2%2012t.788-3.9t2.137-3.175L6%206Q4.825%207.175%204.163%208.7T3.5%2012t.663%203.3T6%2018zM7.05%2016.95q-.95-.95-1.5-2.225T5%2012t.55-2.725t1.5-2.225L8.1%208.1q-.75.75-1.175%201.75T6.5%2012t.425%202.15T8.1%2015.9zM11%2016.5q0-.575-.387-1.137t-.863-1.175t-.862-1.276T8.5%2011.5q0-1.45%201.025-2.475T12%208t2.475%201.025T15.5%2011.5q0%20.75-.387%201.413t-.863%201.274t-.862%201.176T13%2016.5zm0%202.5v-1.5h2V19zm5.95-2.05L15.9%2015.9q.75-.75%201.175-1.75T17.5%2012t-.425-2.15T15.9%208.1l1.05-1.05q.95.95%201.5%202.225T19%2012t-.55%202.725t-1.5%202.225m2.125%202.125L18%2018q1.175-1.175%201.838-2.7T20.5%2012t-.663-3.3T18%206l1.075-1.075q1.35%201.35%202.138%203.175T22%2012t-.788%203.9t-2.137%203.175%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.925%2019.075q-1.35-1.35-2.137-3.175T2%2012t.788-3.9t2.137-3.175L6%206Q4.825%207.175%204.163%208.7T3.5%2012t.663%203.3T6%2018zM7.05%2016.95q-.95-.95-1.5-2.225T5%2012t.55-2.725t1.5-2.225L8.1%208.1q-.75.75-1.175%201.75T6.5%2012t.425%202.15T8.1%2015.9zM11%2016.5q0-.575-.387-1.137t-.863-1.175t-.862-1.276T8.5%2011.5q0-1.45%201.025-2.475T12%208t2.475%201.025T15.5%2011.5q0%20.75-.387%201.413t-.863%201.274t-.862%201.176T13%2016.5zm0%202.5v-1.5h2V19zm5.95-2.05L15.9%2015.9q.75-.75%201.175-1.75T17.5%2012t-.425-2.15T15.9%208.1l1.05-1.05q.95.95%201.5%202.225T19%2012t-.55%202.725t-1.5%202.225m2.125%202.125L18%2018q1.175-1.175%201.838-2.7T20.5%2012t-.663-3.3T18%206l1.075-1.075q1.35%201.35%202.138%203.175T22%2012t-.788%203.9t-2.137%203.175%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/online-prediction.svg?color=%231a73e8&size=48
