chart scatter 3d icon

chart-scatter-3d from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.

Name
chart-scatter-3d
Set
Keyline Icons
Style
Stroke
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

chart-scatter-3d-duotonechart-scatter-3d-fillchart-scatter-3d-sharpchart-scatter-3d-sharp-duotonechart-scatter-3d-sharp-fillchart-scatter-3d-sharp-two-tonechart-scatter-3d-two-tone

The same icon in other sets

chart-scatter-3dTabler 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-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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 3L8 16L21 16M8 16L3 21"/><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 KeylineIconsChartScatter3d(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="M8 3L8 16L21 16M8 16L3 21"/><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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 3L8 16L21 16M8 16L3 21"/><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 {
  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%22M8%203L8%2016L21%2016M8%2016L3%2021%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M8%203L8%2016L21%2016M8%2016L3%2021%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.svg?color=%231a73e8&size=48