file jpg icon
file-jpg-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- file-jpg-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- file-jpg, file-jpg-outline
The same icon in other sets
Related icons in Ant Design Icons
Use the file jpg icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M874.6 301.8L596.8 21.3c-4.5-4.5-9.4-8.3-14.7-11.5c-1.4-.8-2.8-1.6-4.3-2.3c-.9-.5-1.9-.9-2.8-1.3c-9-4-18.9-6.2-29-6.2H201c-39.8 0-73 32.2-73 72v880c0 39.8 33.2 72 73 72h623c39.8 0 71-32.2 71-72V352.5c0-19-7-37.2-20.4-50.7M583 110.4L783.8 312H583zM823 952H200V72h311v240c0 39.8 33.2 72 73 72h239zM350 696.5c0 24.2-7.5 31.4-21.9 31.4c-9 0-18.4-5.8-24.8-18.5L272.9 732c13.4 22.9 32.3 34.2 61.3 34.2c41.6 0 60.8-29.9 60.8-66.2V577h-45zM501.3 577H437v186h44v-62h21.6c39.1 0 73.1-19.6 73.1-63.6c0-45.8-33.5-60.4-74.4-60.4m-.8 89H481v-53h18.2c21.5 0 33.4 6.2 33.4 24.9c0 18.1-10.5 28.1-32.1 28.1m182.5-9v36h30v30.1c-4 2.9-11 4.7-17.7 4.7c-34.3 0-50.7-21.4-50.7-58.2c0-36.1 19.7-57.4 47.1-57.4c15.3 0 25 6.2 34 14.4l23.7-28.3c-12.7-12.8-32.1-24.2-59.2-24.2c-49.6 0-91.1 35.3-91.1 97c0 62.7 40 95.1 91.5 95.1c25.9 0 49.2-10.2 61.5-22.6V657z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignFileJpgOutlined(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="M874.6 301.8L596.8 21.3c-4.5-4.5-9.4-8.3-14.7-11.5c-1.4-.8-2.8-1.6-4.3-2.3c-.9-.5-1.9-.9-2.8-1.3c-9-4-18.9-6.2-29-6.2H201c-39.8 0-73 32.2-73 72v880c0 39.8 33.2 72 73 72h623c39.8 0 71-32.2 71-72V352.5c0-19-7-37.2-20.4-50.7M583 110.4L783.8 312H583zM823 952H200V72h311v240c0 39.8 33.2 72 73 72h239zM350 696.5c0 24.2-7.5 31.4-21.9 31.4c-9 0-18.4-5.8-24.8-18.5L272.9 732c13.4 22.9 32.3 34.2 61.3 34.2c41.6 0 60.8-29.9 60.8-66.2V577h-45zM501.3 577H437v186h44v-62h21.6c39.1 0 73.1-19.6 73.1-63.6c0-45.8-33.5-60.4-74.4-60.4m-.8 89H481v-53h18.2c21.5 0 33.4 6.2 33.4 24.9c0 18.1-10.5 28.1-32.1 28.1m182.5-9v36h30v30.1c-4 2.9-11 4.7-17.7 4.7c-34.3 0-50.7-21.4-50.7-58.2c0-36.1 19.7-57.4 47.1-57.4c15.3 0 25 6.2 34 14.4l23.7-28.3c-12.7-12.8-32.1-24.2-59.2-24.2c-49.6 0-91.1 35.3-91.1 97c0 62.7 40 95.1 91.5 95.1c25.9 0 49.2-10.2 61.5-22.6V657z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M874.6 301.8L596.8 21.3c-4.5-4.5-9.4-8.3-14.7-11.5c-1.4-.8-2.8-1.6-4.3-2.3c-.9-.5-1.9-.9-2.8-1.3c-9-4-18.9-6.2-29-6.2H201c-39.8 0-73 32.2-73 72v880c0 39.8 33.2 72 73 72h623c39.8 0 71-32.2 71-72V352.5c0-19-7-37.2-20.4-50.7M583 110.4L783.8 312H583zM823 952H200V72h311v240c0 39.8 33.2 72 73 72h239zM350 696.5c0 24.2-7.5 31.4-21.9 31.4c-9 0-18.4-5.8-24.8-18.5L272.9 732c13.4 22.9 32.3 34.2 61.3 34.2c41.6 0 60.8-29.9 60.8-66.2V577h-45zM501.3 577H437v186h44v-62h21.6c39.1 0 73.1-19.6 73.1-63.6c0-45.8-33.5-60.4-74.4-60.4m-.8 89H481v-53h18.2c21.5 0 33.4 6.2 33.4 24.9c0 18.1-10.5 28.1-32.1 28.1m182.5-9v36h30v30.1c-4 2.9-11 4.7-17.7 4.7c-34.3 0-50.7-21.4-50.7-58.2c0-36.1 19.7-57.4 47.1-57.4c15.3 0 25 6.2 34 14.4l23.7-28.3c-12.7-12.8-32.1-24.2-59.2-24.2c-49.6 0-91.1 35.3-91.1 97c0 62.7 40 95.1 91.5 95.1c25.9 0 49.2-10.2 61.5-22.6V657z"/></svg> </template>
CSS
.icon-file-jpg-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%22M874.6%20301.8L596.8%2021.3c-4.5-4.5-9.4-8.3-14.7-11.5c-1.4-.8-2.8-1.6-4.3-2.3c-.9-.5-1.9-.9-2.8-1.3c-9-4-18.9-6.2-29-6.2H201c-39.8%200-73%2032.2-73%2072v880c0%2039.8%2033.2%2072%2073%2072h623c39.8%200%2071-32.2%2071-72V352.5c0-19-7-37.2-20.4-50.7M583%20110.4L783.8%20312H583zM823%20952H200V72h311v240c0%2039.8%2033.2%2072%2073%2072h239zM350%20696.5c0%2024.2-7.5%2031.4-21.9%2031.4c-9%200-18.4-5.8-24.8-18.5L272.9%20732c13.4%2022.9%2032.3%2034.2%2061.3%2034.2c41.6%200%2060.8-29.9%2060.8-66.2V577h-45zM501.3%20577H437v186h44v-62h21.6c39.1%200%2073.1-19.6%2073.1-63.6c0-45.8-33.5-60.4-74.4-60.4m-.8%2089H481v-53h18.2c21.5%200%2033.4%206.2%2033.4%2024.9c0%2018.1-10.5%2028.1-32.1%2028.1m182.5-9v36h30v30.1c-4%202.9-11%204.7-17.7%204.7c-34.3%200-50.7-21.4-50.7-58.2c0-36.1%2019.7-57.4%2047.1-57.4c15.3%200%2025%206.2%2034%2014.4l23.7-28.3c-12.7-12.8-32.1-24.2-59.2-24.2c-49.6%200-91.1%2035.3-91.1%2097c0%2062.7%2040%2095.1%2091.5%2095.1c25.9%200%2049.2-10.2%2061.5-22.6V657z%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%22M874.6%20301.8L596.8%2021.3c-4.5-4.5-9.4-8.3-14.7-11.5c-1.4-.8-2.8-1.6-4.3-2.3c-.9-.5-1.9-.9-2.8-1.3c-9-4-18.9-6.2-29-6.2H201c-39.8%200-73%2032.2-73%2072v880c0%2039.8%2033.2%2072%2073%2072h623c39.8%200%2071-32.2%2071-72V352.5c0-19-7-37.2-20.4-50.7M583%20110.4L783.8%20312H583zM823%20952H200V72h311v240c0%2039.8%2033.2%2072%2073%2072h239zM350%20696.5c0%2024.2-7.5%2031.4-21.9%2031.4c-9%200-18.4-5.8-24.8-18.5L272.9%20732c13.4%2022.9%2032.3%2034.2%2061.3%2034.2c41.6%200%2060.8-29.9%2060.8-66.2V577h-45zM501.3%20577H437v186h44v-62h21.6c39.1%200%2073.1-19.6%2073.1-63.6c0-45.8-33.5-60.4-74.4-60.4m-.8%2089H481v-53h18.2c21.5%200%2033.4%206.2%2033.4%2024.9c0%2018.1-10.5%2028.1-32.1%2028.1m182.5-9v36h30v30.1c-4%202.9-11%204.7-17.7%204.7c-34.3%200-50.7-21.4-50.7-58.2c0-36.1%2019.7-57.4%2047.1-57.4c15.3%200%2025%206.2%2034%2014.4l23.7-28.3c-12.7-12.8-32.1-24.2-59.2-24.2c-49.6%200-91.1%2035.3-91.1%2097c0%2062.7%2040%2095.1%2091.5%2095.1c25.9%200%2049.2-10.2%2061.5-22.6V657z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/file-jpg-outlined.svg?color=%231a73e8&size=48
