IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Jpg File icon - Flat | SVG & PNG Free Download

Style Variants

Jpg File

Editorial Design 20

Jpg File icon - also known as file, document, format, extension, archive, jpg file, and files and folders. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

JpgFile.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0c8.284 0 15 6.716 15 15v107l-20 54.297 20 54.298V417l-95 95h-280c-8.284 0-15-6.716-15-15V192.262l20-35.131L-375 122V15c0-8.284 6.716-15 15-15z"
            transform="translate(436)"
            fill="#f9f9f9"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v-512h180c8.284 0 15 6.716 15 15v107l-20 54.297 20 54.298V-95L100 0Z"
            transform="translate(256 512)"
            fill="#e2dff4"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v-80c0-8.284 6.716-15 15-15h80C95-42.617 52.383 0 0 0"
            transform="translate(356 512)"
            fill="#bebcdd"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-200c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
            transform="translate(356 61)"
            fill="#145481"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-100v-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
            transform="translate(356 91)"
            fill="#00337a"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-24.813 0-45 20.187-45 45s20.187 45 45 45 45-20.187 45-45S24.813 0 0 0"
            transform="translate(166 362)"
            fill="#ffe278"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="m0 0-92.621 115.776a14.975 14.975 0 0 1-12.027 5.626 15.001 15.001 0 0 1-11.782-6.126L-241-54.593l85.602-54.002H0Z"
            transform="translate(451 230.595)"
            fill="#70da40"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a14.998 14.998 0 0 1-11.781-6.126l-78.571-107.142v-91.746l39.602-24.983h155.398v108.595L12.028-5.626A14.977 14.977 0 0 1 0 0"
            transform="translate(346.352 351.997)"
            fill="#56c225"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-8.284 0-15 6.716-15 15 0 2.757-2.243 5-5 5-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15a34.8 34.8 0 0 0 20-6.292A34.8 34.8 0 0 0 20 50c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15-2.757 0-5-2.243-5-5C15 6.716 8.284 0 0 0"
            transform="translate(221 292)"
            fill="#145481"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-4.671.114-9.112-1.982-12.028-5.626l-83.287-104.109v-70.262h234.602L11.781-6.126A15 15 0 0 1 0 0"
            transform="translate(156.315 301.997)"
            fill="#ccfc5c"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h39.602L0 54.002Z"
            transform="translate(256 122)"
            fill="#70da40"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
    </g>
</svg>