chart scatter 3d icon
chart-scatter-3d-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- chart-scatter-3d-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
chart-areachart-barchart-bar-bigchart-bar-stackedchart-candlestickchart-columnchart-column-bigchart-column-stackedchart-diagramchart-ganttchart-linechart-line-decreasingchart-line-downchart-line-increasingchart-line-upchart-networkchart-no-axes-combinedchart-piechart-pyramidchart-scatterchart-scatter-bubblechart-splinechart-tree-mapchart-waterfall
Use the chart scatter 3d icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M8 2L8 16L22 16M8 16L2.7071 21.2929"/><path fill="currentColor" d="M14.5 5C14.5 5.8284 13.8284 6.5 13 6.5C12.1716 6.5 11.5 5.8284 11.5 5C11.5 4.1716 12.1716 3.5 13 3.5C13.8284 3.5 14.5 4.1716 14.5 5ZM20.5 8C20.5 8.8284 19.8284 9.5 19 9.5C18.1716 9.5 17.5 8.8284 17.5 8C17.5 7.1716 18.1716 6.5 19 6.5C19.8284 6.5 20.5 7.1716 20.5 8ZM15.5 11C15.5 11.8284 14.8284 12.5 14 12.5C13.1716 12.5 12.5 11.8284 12.5 11C12.5 10.1716 13.1716 9.5 14 9.5C14.8284 9.5 15.5 10.1716 15.5 11Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsChartScatter3dSharpTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path strokeOpacity=".4" d="M8 2L8 16L22 16M8 16L2.7071 21.2929"/><path fill="currentColor" d="M14.5 5C14.5 5.8284 13.8284 6.5 13 6.5C12.1716 6.5 11.5 5.8284 11.5 5C11.5 4.1716 12.1716 3.5 13 3.5C13.8284 3.5 14.5 4.1716 14.5 5ZM20.5 8C20.5 8.8284 19.8284 9.5 19 9.5C18.1716 9.5 17.5 8.8284 17.5 8C17.5 7.1716 18.1716 6.5 19 6.5C19.8284 6.5 20.5 7.1716 20.5 8ZM15.5 11C15.5 11.8284 14.8284 12.5 14 12.5C13.1716 12.5 12.5 11.8284 12.5 11C12.5 10.1716 13.1716 9.5 14 9.5C14.8284 9.5 15.5 10.1716 15.5 11Z" stroke="none"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M8 2L8 16L22 16M8 16L2.7071 21.2929"/><path fill="currentColor" d="M14.5 5C14.5 5.8284 13.8284 6.5 13 6.5C12.1716 6.5 11.5 5.8284 11.5 5C11.5 4.1716 12.1716 3.5 13 3.5C13.8284 3.5 14.5 4.1716 14.5 5ZM20.5 8C20.5 8.8284 19.8284 9.5 19 9.5C18.1716 9.5 17.5 8.8284 17.5 8C17.5 7.1716 18.1716 6.5 19 6.5C19.8284 6.5 20.5 7.1716 20.5 8ZM15.5 11C15.5 11.8284 14.8284 12.5 14 12.5C13.1716 12.5 12.5 11.8284 12.5 11C12.5 10.1716 13.1716 9.5 14 9.5C14.8284 9.5 15.5 10.1716 15.5 11Z" stroke="none"/></g></svg> </template>
CSS
.icon-chart-scatter-3d-sharp-two-tone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M8%202L8%2016L22%2016M8%2016L2.7071%2021.2929%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%205C14.5%205.8284%2013.8284%206.5%2013%206.5C12.1716%206.5%2011.5%205.8284%2011.5%205C11.5%204.1716%2012.1716%203.5%2013%203.5C13.8284%203.5%2014.5%204.1716%2014.5%205ZM20.5%208C20.5%208.8284%2019.8284%209.5%2019%209.5C18.1716%209.5%2017.5%208.8284%2017.5%208C17.5%207.1716%2018.1716%206.5%2019%206.5C19.8284%206.5%2020.5%207.1716%2020.5%208ZM15.5%2011C15.5%2011.8284%2014.8284%2012.5%2014%2012.5C13.1716%2012.5%2012.5%2011.8284%2012.5%2011C12.5%2010.1716%2013.1716%209.5%2014%209.5C14.8284%209.5%2015.5%2010.1716%2015.5%2011Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M8%202L8%2016L22%2016M8%2016L2.7071%2021.2929%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%205C14.5%205.8284%2013.8284%206.5%2013%206.5C12.1716%206.5%2011.5%205.8284%2011.5%205C11.5%204.1716%2012.1716%203.5%2013%203.5C13.8284%203.5%2014.5%204.1716%2014.5%205ZM20.5%208C20.5%208.8284%2019.8284%209.5%2019%209.5C18.1716%209.5%2017.5%208.8284%2017.5%208C17.5%207.1716%2018.1716%206.5%2019%206.5C19.8284%206.5%2020.5%207.1716%2020.5%208ZM15.5%2011C15.5%2011.8284%2014.8284%2012.5%2014%2012.5C13.1716%2012.5%2012.5%2011.8284%2012.5%2011C12.5%2010.1716%2013.1716%209.5%2014%209.5C14.8284%209.5%2015.5%2010.1716%2015.5%2011Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/chart-scatter-3d-sharp-two-tone.svg?color=%231a73e8&size=48