Add icons to this collection by clicking the heart icon.
Programming icon - also known as triangle, printing, programming, coding, and art and design. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<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 0v-208.79L-136.23-258c-.06.56.04 1.14.32 1.67L-2.66-1.61C-2.1-.53-1.05 0 0 0"
transform="translate(351.74 332.19)"
fill="#ffb54e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-136.229 49.21V258c1.049 0 2.099-.53 2.659-1.61L-.32 1.67C-.04 1.14.061.56 0 0"
transform="translate(487.97 74.19)"
fill="#ffb54e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-100.54c-.35 0-.7.06-1.03.18l-133.25 48.61a2.982 2.982 0 0 0-1.95 2.54z"
transform="translate(351.74 123.4)"
fill="#ffa730"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.1-1.11-.82-2.13-1.95-2.54L-135.2-51.15c-.33-.12-.68-.18-1.029-.18V49.21Z"
transform="translate(487.97 74.19)"
fill="#ffa730"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.04l-6.002-1a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5H-1a5 5 0 0 1 5 5l1 6v13a5 5 0 0 1-5 5"
transform="translate(499.5 88)"
fill="#5f6c75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-7a5 5 0 0 0-5-5h-20.04a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h7V8a8 8 0 0 1 8-8z"
transform="translate(504.5 70)"
fill="#4e5a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.04l-6.002-1a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5H-1a5 5 0 0 1 5 5l1 6v13a5 5 0 0 1-5 5"
transform="translate(224.541 88)"
fill="#5f6c75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-7a5 5 0 0 0-5-5h-20.04a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h7V8a8 8 0 0 1 8-8z"
transform="translate(229.541 70)"
fill="#4e5a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.04l-6.002-1a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5H-1a5 5 0 0 1 5 5l1 6v13a5 5 0 0 1-5 5"
transform="translate(362.02 37.5)"
fill="#5f6c75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-7a5 5 0 0 0-5-5h-20.04a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h7V8a8 8 0 0 1 8-8z"
transform="translate(367.02 19.5)"
fill="#4e5a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.04l-6.002-1a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5H-1a5 5 0 0 1 5 5l1 6v13a5 5 0 0 1-5 5"
transform="translate(362.02 350.5)"
fill="#5f6c75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-7a5 5 0 0 0-5-5h-20.04a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h7V8a8 8 0 0 1 8-8z"
transform="translate(367.02 332.5)"
fill="#4e5a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-50l-147.812-12.197L-283-50l1 49c0 5.52 4.48 10 10 10l6 1h256C-4.48 10 0 5.52 0 0"
transform="translate(290.5 494.5)"
fill="#5f6c75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-277c0-5.52-2.641-6.245-8.16-6.245h-258.957c-5.52 0-10 4.48-10 10L-280.564 0Z"
transform="translate(290.5 444.5)"
fill="#f7f9fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60l-8.5-2.904L-17-60v50c0 5.52 4.48 10 10 10z"
transform="translate(24.5 504.5)"
fill="#4e5a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-7.352c0-5.518-4.47-9.993-9.989-10l-159.761-.178H-273c-5.523 0-10 4.477-10 10v277h17v-256c0-7.732 6.268-14 14-14h197c1 0 24.33.18 55 .53"
transform="translate(290.5 175.03)"
fill="#e9edf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 122.064 44.093L244.637-.184"
transform="translate(229.676 79.311)"
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 36.072 68.953"
transform="translate(222.258 88.155)"
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.609 13.721"
transform="translate(267.285 53.475)"
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-36.583 13.347"
transform="translate(336.827 28.105)"
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-107.112-39.077"
transform="translate(474.313 67.382)"
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 55.381-105.864"
transform="translate(425.843 194.013)"
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 49.975-95.53"
transform="translate(359.72 320.408)"
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 52.901 101.123"
transform="translate(290.857 219.286)"
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 0v282.749"
transform="translate(351.74 37.66)"
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-20.042a5 5 0 0 1-5-5v-20a5 5 0 0 1 5-5H0a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5Z"
transform="translate(361.77 350.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-20.042a5 5 0 0 1-5-5v-20a5 5 0 0 1 5-5H0a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5Z"
transform="translate(362.021 37.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-20.042a5 5 0 0 1-5-5v-20a5 5 0 0 1 5-5H0a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5Z"
transform="translate(224.542 88)"
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-20.042a5 5 0 0 1-5-5v-20a5 5 0 0 1 5-5H0a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5Z"
transform="translate(499.5 88)"
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 0v236.394c0 5.523 4.477 10 10 10h263c5.523 0 10-4.477 10-10v-327c0-5.523-4.477-10-10-10H10c-5.523 0-10 4.477-10 10v55.457"
transform="translate(7.5 258.106)"
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 0h63.67"
transform="translate(226.83 444.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 0h183.968"
transform="translate(7.5 444.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 0h205"
transform="translate(37.5 414.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 0h86"
transform="translate(37.5 384.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 0h205"
transform="translate(37.5 354.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 0h170"
transform="translate(37.5 324.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-25.611-64"
transform="translate(161.589 272)"
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 17.198-28.353L0-57.862"
transform="translate(191.361 268.931)"
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-17.198-28.353L0-57.862"
transform="translate(105.639 268.931)"
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 0h133"
transform="translate(37.5 475)"
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 0v0"
transform="translate(261 475)"
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 0v0"
transform="translate(231 475)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category