chart scatter icon
chart-scatter-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- chart-scatter-fill
- Set
- Keyline Icons
- Style
- Fill
- 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-scatter-3dchart-scatter-bubblechart-splinechart-tree-mapchart-waterfall
Use the chart scatter 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 3L3 19C3 20.1046 3.8954 21 5 21L21 21"/><path fill="currentColor" d="M9.5 16C9.5 16.8284 8.8284 17.5 8 17.5C7.1716 17.5 6.5 16.8284 6.5 16C6.5 15.1716 7.1716 14.5 8 14.5C8.8284 14.5 9.5 15.1716 9.5 16ZM14.5 12C14.5 12.8284 13.8284 13.5 13 13.5C12.1716 13.5 11.5 12.8284 11.5 12C11.5 11.1716 12.1716 10.5 13 10.5C13.8284 10.5 14.5 11.1716 14.5 12ZM12.5 7C12.5 7.8284 11.8284 8.5 11 8.5C10.1716 8.5 9.5 7.8284 9.5 7C9.5 6.1716 10.1716 5.5 11 5.5C11.8284 5.5 12.5 6.1716 12.5 7ZM19.5 13C19.5 13.8284 18.8284 14.5 18 14.5C17.1716 14.5 16.5 13.8284 16.5 13C16.5 12.1716 17.1716 11.5 18 11.5C18.8284 11.5 19.5 12.1716 19.5 13ZM20.5 7C20.5 7.8284 19.8284 8.5 19 8.5C18.1716 8.5 17.5 7.8284 17.5 7C17.5 6.1716 18.1716 5.5 19 5.5C19.8284 5.5 20.5 6.1716 20.5 7Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsChartScatterFill(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M3 3L3 19C3 20.1046 3.8954 21 5 21L21 21"/><path fill="currentColor" d="M9.5 16C9.5 16.8284 8.8284 17.5 8 17.5C7.1716 17.5 6.5 16.8284 6.5 16C6.5 15.1716 7.1716 14.5 8 14.5C8.8284 14.5 9.5 15.1716 9.5 16ZM14.5 12C14.5 12.8284 13.8284 13.5 13 13.5C12.1716 13.5 11.5 12.8284 11.5 12C11.5 11.1716 12.1716 10.5 13 10.5C13.8284 10.5 14.5 11.1716 14.5 12ZM12.5 7C12.5 7.8284 11.8284 8.5 11 8.5C10.1716 8.5 9.5 7.8284 9.5 7C9.5 6.1716 10.1716 5.5 11 5.5C11.8284 5.5 12.5 6.1716 12.5 7ZM19.5 13C19.5 13.8284 18.8284 14.5 18 14.5C17.1716 14.5 16.5 13.8284 16.5 13C16.5 12.1716 17.1716 11.5 18 11.5C18.8284 11.5 19.5 12.1716 19.5 13ZM20.5 7C20.5 7.8284 19.8284 8.5 19 8.5C18.1716 8.5 17.5 7.8284 17.5 7C17.5 6.1716 18.1716 5.5 19 5.5C19.8284 5.5 20.5 6.1716 20.5 7Z" 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 3L3 19C3 20.1046 3.8954 21 5 21L21 21"/><path fill="currentColor" d="M9.5 16C9.5 16.8284 8.8284 17.5 8 17.5C7.1716 17.5 6.5 16.8284 6.5 16C6.5 15.1716 7.1716 14.5 8 14.5C8.8284 14.5 9.5 15.1716 9.5 16ZM14.5 12C14.5 12.8284 13.8284 13.5 13 13.5C12.1716 13.5 11.5 12.8284 11.5 12C11.5 11.1716 12.1716 10.5 13 10.5C13.8284 10.5 14.5 11.1716 14.5 12ZM12.5 7C12.5 7.8284 11.8284 8.5 11 8.5C10.1716 8.5 9.5 7.8284 9.5 7C9.5 6.1716 10.1716 5.5 11 5.5C11.8284 5.5 12.5 6.1716 12.5 7ZM19.5 13C19.5 13.8284 18.8284 14.5 18 14.5C17.1716 14.5 16.5 13.8284 16.5 13C16.5 12.1716 17.1716 11.5 18 11.5C18.8284 11.5 19.5 12.1716 19.5 13ZM20.5 7C20.5 7.8284 19.8284 8.5 19 8.5C18.1716 8.5 17.5 7.8284 17.5 7C17.5 6.1716 18.1716 5.5 19 5.5C19.8284 5.5 20.5 6.1716 20.5 7Z" stroke="none"/></g></svg> </template>
CSS
.icon-chart-scatter-fill {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3%203L3%2019C3%2020.1046%203.8954%2021%205%2021L21%2021%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2016C9.5%2016.8284%208.8284%2017.5%208%2017.5C7.1716%2017.5%206.5%2016.8284%206.5%2016C6.5%2015.1716%207.1716%2014.5%208%2014.5C8.8284%2014.5%209.5%2015.1716%209.5%2016ZM14.5%2012C14.5%2012.8284%2013.8284%2013.5%2013%2013.5C12.1716%2013.5%2011.5%2012.8284%2011.5%2012C11.5%2011.1716%2012.1716%2010.5%2013%2010.5C13.8284%2010.5%2014.5%2011.1716%2014.5%2012ZM12.5%207C12.5%207.8284%2011.8284%208.5%2011%208.5C10.1716%208.5%209.5%207.8284%209.5%207C9.5%206.1716%2010.1716%205.5%2011%205.5C11.8284%205.5%2012.5%206.1716%2012.5%207ZM19.5%2013C19.5%2013.8284%2018.8284%2014.5%2018%2014.5C17.1716%2014.5%2016.5%2013.8284%2016.5%2013C16.5%2012.1716%2017.1716%2011.5%2018%2011.5C18.8284%2011.5%2019.5%2012.1716%2019.5%2013ZM20.5%207C20.5%207.8284%2019.8284%208.5%2019%208.5C18.1716%208.5%2017.5%207.8284%2017.5%207C17.5%206.1716%2018.1716%205.5%2019%205.5C19.8284%205.5%2020.5%206.1716%2020.5%207Z%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3%203L3%2019C3%2020.1046%203.8954%2021%205%2021L21%2021%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2016C9.5%2016.8284%208.8284%2017.5%208%2017.5C7.1716%2017.5%206.5%2016.8284%206.5%2016C6.5%2015.1716%207.1716%2014.5%208%2014.5C8.8284%2014.5%209.5%2015.1716%209.5%2016ZM14.5%2012C14.5%2012.8284%2013.8284%2013.5%2013%2013.5C12.1716%2013.5%2011.5%2012.8284%2011.5%2012C11.5%2011.1716%2012.1716%2010.5%2013%2010.5C13.8284%2010.5%2014.5%2011.1716%2014.5%2012ZM12.5%207C12.5%207.8284%2011.8284%208.5%2011%208.5C10.1716%208.5%209.5%207.8284%209.5%207C9.5%206.1716%2010.1716%205.5%2011%205.5C11.8284%205.5%2012.5%206.1716%2012.5%207ZM19.5%2013C19.5%2013.8284%2018.8284%2014.5%2018%2014.5C17.1716%2014.5%2016.5%2013.8284%2016.5%2013C16.5%2012.1716%2017.1716%2011.5%2018%2011.5C18.8284%2011.5%2019.5%2012.1716%2019.5%2013ZM20.5%207C20.5%207.8284%2019.8284%208.5%2019%208.5C18.1716%208.5%2017.5%207.8284%2017.5%207C17.5%206.1716%2018.1716%205.5%2019%205.5C19.8284%205.5%2020.5%206.1716%2020.5%207Z%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-fill.svg?color=%231a73e8&size=48
