chart scatter icon

chart-scatter-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
chart-scatter-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

chart-scatterchart-scatter-duotonechart-scatter-fillchart-scatter-sharpchart-scatter-sharp-duotonechart-scatter-sharp-two-tonechart-scatter-two-tone

The same icon in other sets

chart-scatterCarbonchart-scatterHuge Iconschart-scatterIconParkchart-scatterIconPark Outlinechart-scatterLucidechart-scatterMyna UI Iconschart-scatterPhosphorchart-scatterPrime Iconschart-scatterTabler Iconschart-scatterTDesign Icons

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-linejoin="round" stroke-width="2"><path d="M3 2L3 21L22 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 KeylineIconsChartScatterSharpFill(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 d="M3 2L3 21L22 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-linejoin="round" stroke-width="2"><path d="M3 2L3 21L22 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-sharp-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-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3%202L3%2021L22%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-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M3%202L3%2021L22%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-sharp-fill.svg?color=%231a73e8&size=48