IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Code icon - Lineal | SVG & PNG Free Download

Style Variants

Code

Code icon - also known as file, document, code, archive, ui, programming language, and files and folders. Created in a clean lineal style with a black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

programming language

files and folders

Usage Snippets

Code.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 0h28.599c34.275 0 62.06 27.785 62.06 62.06v252.225a95.663 95.663 0 0 1-26.591 66.186l-97.746 102.013A47.106 47.106 0 0 1-67.691 497h-85.388"
            transform="translate(342.307 7.5)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-13.133c-34.275 0-62.06-27.785-62.06-62.06v-372.88c0-34.275 27.785-62.06 62.06-62.06h166.212"
            transform="translate(154.227 504.5)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0-97.747 102.013a47.104 47.104 0 0 1-34.012 14.516l.626-120.976c.176-34.149 27.909-61.739 62.059-61.739h95.665A95.667 95.667 0 0 1 0 0Z"
            transform="translate(406.375 387.971)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0-38.281-38.281L-.486-76.076"
            transform="translate(189.281 163.822)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0 38.281 38.281L.487 76.076"
            transform="translate(322.719 87.746)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0-37.999-111.194"
            transform="translate(273.697 181.38)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-13.222"
            transform="translate(187.193 280.573)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-13.222"
            transform="translate(324.807 280.573)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c4.411-5.061 10.9-8.264 18.14-8.264 7.241 0 13.73 3.203 18.141 8.264"
            transform="translate(237.86 267.745)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>