IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Bug icon - Outline | SVG & PNG Free Download

Style Variants

Bug

Bug icon - also known as document, data, storage, folder, archive, bug, and files and folders. Created in a clean outline style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

files and folders

Usage Snippets

Bug.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <g id="Bug_folder">
        <path
            d="M372,492c-33.137,0-60-26.863-60-60v-80 c0-33.137,26.863-60,60-60s60,26.863,60,60v80C432,465.137,405.137,492,372,492z"
            fill="none"
            stroke="#000000"
            stroke-width="40"
            stroke-miterlimit="10"
        />
        <line
            x1="312"
            y1="352"
            x2="432"
            y2="352"
            fill="none"
            stroke="#000000"
            stroke-width="40"
            stroke-miterlimit="10"
        />
        <g>
            <path
                d="M312,352h-20c-22.091,0-40-17.909-40-40v-40"
                fill="none"
                stroke="#000000"
                stroke-width="40"
                stroke-miterlimit="10"
            />
            <path
                d="M252,512v-40c0-22.091,17.909-40,40-40h20"
                fill="none"
                stroke="#000000"
                stroke-width="40"
                stroke-miterlimit="10"
            />
        </g>
        <g>
            <path
                d="M432,352h20c22.091,0,40-17.909,40-40v-40"
                fill="none"
                stroke="#000000"
                stroke-width="40"
                stroke-miterlimit="10"
            />
            <path
                d="M492,512v-40c0-22.091-17.909-40-40-40h-20"
                fill="none"
                stroke="#000000"
                stroke-width="40"
                stroke-miterlimit="10"
            />
        </g>
        <path
            d="M412,232v20c0,22.091-17.909,40-40,40 s-40-17.909-40-40v-20"
            fill="none"
            stroke="#000000"
            stroke-width="40"
            stroke-miterlimit="10"
        />
        <g>
            <defs>
                <path
                    id="SVGID_1_"
                    d="M192,472c0-32.676,15.762-61.738,40.059-80C207.762,373.738,192,344.676,192,312v-80h80v-40h200v40h40V0H0 v512h192V472z"
                />
            </defs>
            <clipPath
                id="SVGID_00000022559018588301585900000012601648867739668133_"
            >
                <use href="#SVGID_1_" />
            </clipPath>
            <g
                clip-path="url(#SVGID_00000022559018588301585900000012601648867739668133_)"
            >
                <polygon
                    points="180,60 140,20 20,20 20,372 412,372 412,60"
                    fill="none"
                    stroke="#000000"
                    stroke-width="40"
                    stroke-miterlimit="10"
                />
                <line
                    x1="20"
                    y1="140"
                    x2="412"
                    y2="140"
                    fill="none"
                    stroke="#000000"
                    stroke-width="40"
                    stroke-miterlimit="10"
                />
            </g>
        </g>
    </g>
</svg>