fund projection screen icon

fund-projection-screen-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: fund-projection-screen-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: fund-projection-screen

Related icons in Ant Design Icons

fund-view-outlined

Use the fund projection screen icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M312.1 591.5c3.1 3.1 8.2 3.1 11.3 0l101.8-101.8l86.1 86.2c3.1 3.1 8.2 3.1 11.3 0l226.3-226.5c3.1-3.1 3.1-8.2 0-11.3l-36.8-36.8c-3.1-3.1-8.2-3.1-11.3 0L517 485.3l-86.1-86.2c-3.1-3.1-8.2-3.1-11.3 0L275.3 543.4c-3.1 3.1-3.1 8.2 0 11.3z"/><path fill="currentColor" d="M904 160H548V96c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H120c-17.7 0-32 14.3-32 32v520c0 17.7 14.3 32 32 32h356.4v32L311.6 884.1c-3.7 2.4-4.7 7.3-2.3 11l30.3 47.2v.1c2.4 3.7 7.4 4.7 11.1 2.3L512 838.9l161.3 105.8c3.7 2.4 8.7 1.4 11.1-2.3v-.1l30.3-47.2c2.4-3.7 1.3-8.6-2.3-11L548 776.3V744h356c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32m-40 512H160V232h704z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignFundProjectionScreenOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M312.1 591.5c3.1 3.1 8.2 3.1 11.3 0l101.8-101.8l86.1 86.2c3.1 3.1 8.2 3.1 11.3 0l226.3-226.5c3.1-3.1 3.1-8.2 0-11.3l-36.8-36.8c-3.1-3.1-8.2-3.1-11.3 0L517 485.3l-86.1-86.2c-3.1-3.1-8.2-3.1-11.3 0L275.3 543.4c-3.1 3.1-3.1 8.2 0 11.3z"/><path fill="currentColor" d="M904 160H548V96c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H120c-17.7 0-32 14.3-32 32v520c0 17.7 14.3 32 32 32h356.4v32L311.6 884.1c-3.7 2.4-4.7 7.3-2.3 11l30.3 47.2v.1c2.4 3.7 7.4 4.7 11.1 2.3L512 838.9l161.3 105.8c3.7 2.4 8.7 1.4 11.1-2.3v-.1l30.3-47.2c2.4-3.7 1.3-8.6-2.3-11L548 776.3V744h356c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32m-40 512H160V232h704z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M312.1 591.5c3.1 3.1 8.2 3.1 11.3 0l101.8-101.8l86.1 86.2c3.1 3.1 8.2 3.1 11.3 0l226.3-226.5c3.1-3.1 3.1-8.2 0-11.3l-36.8-36.8c-3.1-3.1-8.2-3.1-11.3 0L517 485.3l-86.1-86.2c-3.1-3.1-8.2-3.1-11.3 0L275.3 543.4c-3.1 3.1-3.1 8.2 0 11.3z"/><path fill="currentColor" d="M904 160H548V96c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H120c-17.7 0-32 14.3-32 32v520c0 17.7 14.3 32 32 32h356.4v32L311.6 884.1c-3.7 2.4-4.7 7.3-2.3 11l30.3 47.2v.1c2.4 3.7 7.4 4.7 11.1 2.3L512 838.9l161.3 105.8c3.7 2.4 8.7 1.4 11.1-2.3v-.1l30.3-47.2c2.4-3.7 1.3-8.6-2.3-11L548 776.3V744h356c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32m-40 512H160V232h704z"/></svg>
</template>

CSS

.icon-fund-projection-screen-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M312.1%20591.5c3.1%203.1%208.2%203.1%2011.3%200l101.8-101.8l86.1%2086.2c3.1%203.1%208.2%203.1%2011.3%200l226.3-226.5c3.1-3.1%203.1-8.2%200-11.3l-36.8-36.8c-3.1-3.1-8.2-3.1-11.3%200L517%20485.3l-86.1-86.2c-3.1-3.1-8.2-3.1-11.3%200L275.3%20543.4c-3.1%203.1-3.1%208.2%200%2011.3z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M904%20160H548V96c0-4.4-3.6-8-8-8h-56c-4.4%200-8%203.6-8%208v64H120c-17.7%200-32%2014.3-32%2032v520c0%2017.7%2014.3%2032%2032%2032h356.4v32L311.6%20884.1c-3.7%202.4-4.7%207.3-2.3%2011l30.3%2047.2v.1c2.4%203.7%207.4%204.7%2011.1%202.3L512%20838.9l161.3%20105.8c3.7%202.4%208.7%201.4%2011.1-2.3v-.1l30.3-47.2c2.4-3.7%201.3-8.6-2.3-11L548%20776.3V744h356c17.7%200%2032-14.3%2032-32V192c0-17.7-14.3-32-32-32m-40%20512H160V232h704z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M312.1%20591.5c3.1%203.1%208.2%203.1%2011.3%200l101.8-101.8l86.1%2086.2c3.1%203.1%208.2%203.1%2011.3%200l226.3-226.5c3.1-3.1%203.1-8.2%200-11.3l-36.8-36.8c-3.1-3.1-8.2-3.1-11.3%200L517%20485.3l-86.1-86.2c-3.1-3.1-8.2-3.1-11.3%200L275.3%20543.4c-3.1%203.1-3.1%208.2%200%2011.3z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M904%20160H548V96c0-4.4-3.6-8-8-8h-56c-4.4%200-8%203.6-8%208v64H120c-17.7%200-32%2014.3-32%2032v520c0%2017.7%2014.3%2032%2032%2032h356.4v32L311.6%20884.1c-3.7%202.4-4.7%207.3-2.3%2011l30.3%2047.2v.1c2.4%203.7%207.4%204.7%2011.1%202.3L512%20838.9l161.3%20105.8c3.7%202.4%208.7%201.4%2011.1-2.3v-.1l30.3-47.2c2.4-3.7%201.3-8.6-2.3-11L548%20776.3V744h356c17.7%200%2032-14.3%2032-32V192c0-17.7-14.3-32-32-32m-40%20512H160V232h704z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/fund-projection-screen-outlined.svg?color=%231a73e8&size=48