market analysis icon

market-analysis from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: market-analysis
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

market-analysisIconPark market-analysisIconPark Outline market-analysisIconPark Solid market-analysisIconPark TwoTone

Related icons in Huge Icons

Use the market analysis icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 16V8c0-.943 0-1.414-.293-1.707S12.943 6 12 6s-1.414 0-1.707.293S10 7.057 10 8v8c0 .943 0 1.414.293 1.707S11.057 18 12 18s1.414 0 1.707-.293S14 16.943 14 16m7-7V7c0-.943 0-1.414-.293-1.707S19.943 5 19 5s-1.414 0-1.707.293S17 6.057 17 7v2c0 .943 0 1.414.293 1.707S18.057 11 19 11s1.414 0 1.707-.293S21 9.943 21 9M7 14v-2c0-.943 0-1.414-.293-1.707S5.943 10 5 10s-1.414 0-1.707.293S3 11.057 3 12v2c0 .943 0 1.414.293 1.707S4.057 16 5 16s1.414 0 1.707-.293S7 14.943 7 14m5 7v-3m7-5v-2m-7-5V3m7 2V3M5 18v-2m0-6V8"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsMarketAnalysis(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M14 16V8c0-.943 0-1.414-.293-1.707S12.943 6 12 6s-1.414 0-1.707.293S10 7.057 10 8v8c0 .943 0 1.414.293 1.707S11.057 18 12 18s1.414 0 1.707-.293S14 16.943 14 16m7-7V7c0-.943 0-1.414-.293-1.707S19.943 5 19 5s-1.414 0-1.707.293S17 6.057 17 7v2c0 .943 0 1.414.293 1.707S18.057 11 19 11s1.414 0 1.707-.293S21 9.943 21 9M7 14v-2c0-.943 0-1.414-.293-1.707S5.943 10 5 10s-1.414 0-1.707.293S3 11.057 3 12v2c0 .943 0 1.414.293 1.707S4.057 16 5 16s1.414 0 1.707-.293S7 14.943 7 14m5 7v-3m7-5v-2m-7-5V3m7 2V3M5 18v-2m0-6V8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 16V8c0-.943 0-1.414-.293-1.707S12.943 6 12 6s-1.414 0-1.707.293S10 7.057 10 8v8c0 .943 0 1.414.293 1.707S11.057 18 12 18s1.414 0 1.707-.293S14 16.943 14 16m7-7V7c0-.943 0-1.414-.293-1.707S19.943 5 19 5s-1.414 0-1.707.293S17 6.057 17 7v2c0 .943 0 1.414.293 1.707S18.057 11 19 11s1.414 0 1.707-.293S21 9.943 21 9M7 14v-2c0-.943 0-1.414-.293-1.707S5.943 10 5 10s-1.414 0-1.707.293S3 11.057 3 12v2c0 .943 0 1.414.293 1.707S4.057 16 5 16s1.414 0 1.707-.293S7 14.943 7 14m5 7v-3m7-5v-2m-7-5V3m7 2V3M5 18v-2m0-6V8"/></svg>
</template>

CSS

.icon-market-analysis {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2016V8c0-.943%200-1.414-.293-1.707S12.943%206%2012%206s-1.414%200-1.707.293S10%207.057%2010%208v8c0%20.943%200%201.414.293%201.707S11.057%2018%2012%2018s1.414%200%201.707-.293S14%2016.943%2014%2016m7-7V7c0-.943%200-1.414-.293-1.707S19.943%205%2019%205s-1.414%200-1.707.293S17%206.057%2017%207v2c0%20.943%200%201.414.293%201.707S18.057%2011%2019%2011s1.414%200%201.707-.293S21%209.943%2021%209M7%2014v-2c0-.943%200-1.414-.293-1.707S5.943%2010%205%2010s-1.414%200-1.707.293S3%2011.057%203%2012v2c0%20.943%200%201.414.293%201.707S4.057%2016%205%2016s1.414%200%201.707-.293S7%2014.943%207%2014m5%207v-3m7-5v-2m-7-5V3m7%202V3M5%2018v-2m0-6V8%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2016V8c0-.943%200-1.414-.293-1.707S12.943%206%2012%206s-1.414%200-1.707.293S10%207.057%2010%208v8c0%20.943%200%201.414.293%201.707S11.057%2018%2012%2018s1.414%200%201.707-.293S14%2016.943%2014%2016m7-7V7c0-.943%200-1.414-.293-1.707S19.943%205%2019%205s-1.414%200-1.707.293S17%206.057%2017%207v2c0%20.943%200%201.414.293%201.707S18.057%2011%2019%2011s1.414%200%201.707-.293S21%209.943%2021%209M7%2014v-2c0-.943%200-1.414-.293-1.707S5.943%2010%205%2010s-1.414%200-1.707.293S3%2011.057%203%2012v2c0%20.943%200%201.414.293%201.707S4.057%2016%205%2016s1.414%200%201.707-.293S7%2014.943%207%2014m5%207v-3m7-5v-2m-7-5V3m7%202V3M5%2018v-2m0-6V8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/market-analysis.svg?color=%231a73e8&size=48