market icon
market from IconPark Outline by ByteDance · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- market
- Set
- IconPark Outline
- Style
- Outline
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark Outline
Use the market icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m24 3l.349.003C35.726 3.189 45 12.468 45 24.074l-.003.35C44.81 35.837 35.42 45 24 45l-.349-.003C12.274 44.811 3 35.532 3 24.074C3 12.35 12.465 3 24 3m14.38 22.387l-17.313 4.337q-.247.06-.49.06l-.187-.009a2 2 0 0 1-1.16-.512l-1.69 5.878l-.022.13c-.21 1.517 1.56 2.757 3.399 1.82L36.9 27.996l.191-.115c1.111-.7 1.538-1.623 1.288-2.495m-20.4-12.609c-1.21-.927-3.158-.015-3.266 2.042l-.116 18.389c-.009 1.44.591 2.354 1.52 2.585l4.901-17.16l.055-.165a2 2 0 0 1 1.263-1.196l-4.246-4.403zm3.082-1.498c-1.163-.612-2.175-.52-2.805.132L30.67 24.236c.484.5.656 1.19.52 1.823l5.935-1.477l.135-.05c1.408-.584 1.592-2.728-.135-3.849l-15.867-9.295z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineMarket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="m24 3l.349.003C35.726 3.189 45 12.468 45 24.074l-.003.35C44.81 35.837 35.42 45 24 45l-.349-.003C12.274 44.811 3 35.532 3 24.074C3 12.35 12.465 3 24 3m14.38 22.387l-17.313 4.337q-.247.06-.49.06l-.187-.009a2 2 0 0 1-1.16-.512l-1.69 5.878l-.022.13c-.21 1.517 1.56 2.757 3.399 1.82L36.9 27.996l.191-.115c1.111-.7 1.538-1.623 1.288-2.495m-20.4-12.609c-1.21-.927-3.158-.015-3.266 2.042l-.116 18.389c-.009 1.44.591 2.354 1.52 2.585l4.901-17.16l.055-.165a2 2 0 0 1 1.263-1.196l-4.246-4.403zm3.082-1.498c-1.163-.612-2.175-.52-2.805.132L30.67 24.236c.484.5.656 1.19.52 1.823l5.935-1.477l.135-.05c1.408-.584 1.592-2.728-.135-3.849l-15.867-9.295z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m24 3l.349.003C35.726 3.189 45 12.468 45 24.074l-.003.35C44.81 35.837 35.42 45 24 45l-.349-.003C12.274 44.811 3 35.532 3 24.074C3 12.35 12.465 3 24 3m14.38 22.387l-17.313 4.337q-.247.06-.49.06l-.187-.009a2 2 0 0 1-1.16-.512l-1.69 5.878l-.022.13c-.21 1.517 1.56 2.757 3.399 1.82L36.9 27.996l.191-.115c1.111-.7 1.538-1.623 1.288-2.495m-20.4-12.609c-1.21-.927-3.158-.015-3.266 2.042l-.116 18.389c-.009 1.44.591 2.354 1.52 2.585l4.901-17.16l.055-.165a2 2 0 0 1 1.263-1.196l-4.246-4.403zm3.082-1.498c-1.163-.612-2.175-.52-2.805.132L30.67 24.236c.484.5.656 1.19.52 1.823l5.935-1.477l.135-.05c1.408-.584 1.592-2.728-.135-3.849l-15.867-9.295z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-market {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m24%203l.349.003C35.726%203.189%2045%2012.468%2045%2024.074l-.003.35C44.81%2035.837%2035.42%2045%2024%2045l-.349-.003C12.274%2044.811%203%2035.532%203%2024.074C3%2012.35%2012.465%203%2024%203m14.38%2022.387l-17.313%204.337q-.247.06-.49.06l-.187-.009a2%202%200%200%201-1.16-.512l-1.69%205.878l-.022.13c-.21%201.517%201.56%202.757%203.399%201.82L36.9%2027.996l.191-.115c1.111-.7%201.538-1.623%201.288-2.495m-20.4-12.609c-1.21-.927-3.158-.015-3.266%202.042l-.116%2018.389c-.009%201.44.591%202.354%201.52%202.585l4.901-17.16l.055-.165a2%202%200%200%201%201.263-1.196l-4.246-4.403zm3.082-1.498c-1.163-.612-2.175-.52-2.805.132L30.67%2024.236c.484.5.656%201.19.52%201.823l5.935-1.477l.135-.05c1.408-.584%201.592-2.728-.135-3.849l-15.867-9.295z%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m24%203l.349.003C35.726%203.189%2045%2012.468%2045%2024.074l-.003.35C44.81%2035.837%2035.42%2045%2024%2045l-.349-.003C12.274%2044.811%203%2035.532%203%2024.074C3%2012.35%2012.465%203%2024%203m14.38%2022.387l-17.313%204.337q-.247.06-.49.06l-.187-.009a2%202%200%200%201-1.16-.512l-1.69%205.878l-.022.13c-.21%201.517%201.56%202.757%203.399%201.82L36.9%2027.996l.191-.115c1.111-.7%201.538-1.623%201.288-2.495m-20.4-12.609c-1.21-.927-3.158-.015-3.266%202.042l-.116%2018.389c-.009%201.44.591%202.354%201.52%202.585l4.901-17.16l.055-.165a2%202%200%200%201%201.263-1.196l-4.246-4.403zm3.082-1.498c-1.163-.612-2.175-.52-2.805.132L30.67%2024.236c.484.5.656%201.19.52%201.823l5.935-1.477l.135-.05c1.408-.584%201.592-2.728-.135-3.849l-15.867-9.295z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/market.svg?color=%231a73e8&size=48
