Add icons to this collection by clicking the heart icon.
Code icon - also known as computer, information, coffee, laptop computer, development, code, personal computer, text editor, and develop. Created in a clean rounded shapes style with a white, silver, gray, and teal finish, 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="512"
height="512"
viewBox="0 0 16.933 16.933"
>
<path
fill="#e8f0fa"
d="M15.557 8.467A7.134 7.134 0 0 1 8.423 15.6a7.134 7.134 0 0 1-7.135-7.134 7.134 7.134 0 0 1 7.135-7.135 7.134 7.134 0 0 1 7.134 7.135z"
paint-order="fill markers stroke"
/>
<path
fill="#2c6ec1"
d="M13.88 12.914a.26.26 0 0 1-.26.26H3.225a.26.26 0 0 1-.26-.26V6.686a.26.26 0 0 1 .26-.26H13.62a.26.26 0 0 1 .26.26v2.155z"
paint-order="fill markers stroke"
/>
<path
d="M3.227 6.36a.328.328 0 0 0-.328.325v6.229c0 .18.148.326.328.326h10.392c.18 0 .327-.146.327-.326V6.685a.327.327 0 0 0-.327-.326zm0 .132h10.392a.19.19 0 0 1 .194.193v6.229a.19.19 0 0 1-.194.193H3.227a.192.192 0 0 1-.195-.193V6.685c0-.108.086-.193.195-.193z"
paint-order="fill markers stroke"
/>
<path
fill="#5690d9"
d="M2.474 13.018h11.897v.24c0 .238-.316.288-.705.288H3.18c-.39 0-.706-.05-.706-.288z"
paint-order="fill markers stroke"
/>
<path
d="M2.475 12.951a.066.066 0 0 0-.067.067v.24c0 .074.027.142.073.191.046.05.109.082.18.106.14.046.321.056.519.056h10.486c.198 0 .379-.01.52-.056a.414.414 0 0 0 .178-.106.28.28 0 0 0 .074-.191v-.24a.066.066 0 0 0-.067-.067zm.064.133h11.766v.174c0 .045-.012.072-.037.1s-.068.05-.125.07a1.651 1.651 0 0 1-.477.052H3.18c-.192 0-.364-.015-.479-.052a.293.293 0 0 1-.123-.07.132.132 0 0 1-.039-.1z"
paint-order="fill markers stroke"
/>
<path
fill="#c6daf2"
d="M3.614 6.817h9.618c.125 0 .225.101.225.226v5.396c0 .125-.1.226-.225.226H3.614a.225.225 0 0 1-.226-.226V7.043c0-.125.1-.226.226-.226z"
paint-order="fill markers stroke"
/>
<path
fill="#3f81d4"
d="M2.474 13.017v.24c0 .013.005.023.006.035h11.885c.002-.012.006-.022.006-.034v-.24z"
paint-order="fill markers stroke"
/>
<path
fill="#a8c6eb"
d="M7.005 13.018c.019.1.102.176.207.176h2.421a.212.212 0 0 0 .207-.176z"
paint-order="fill markers stroke"
/>
<path
d="M7.004 12.951a.066.066 0 0 0-.064.078c.005.03.05.029.064.055.047.085.104.176.21.176h2.42c.104 0 .159-.091.206-.176.015-.027.059-.024.065-.055a.066.066 0 0 0-.065-.078zm.158.133h2.522c-.02.012-.025.043-.05.043h-2.42c-.027 0-.031-.031-.052-.043z"
paint-order="fill markers stroke"
/>
<path
fill="#a8c6eb"
d="M3.614 6.817c-.125 0-.226.101-.226.226v.307c0-.125.1-.225.226-.225h9.618c.125 0 .225.1.225.225v-.307c0-.125-.1-.226-.225-.226z"
paint-order="fill markers stroke"
/>
<path
d="M3.614 6.752c-.161 0-.291.13-.291.29v5.397c0 .16.13.291.29.291h9.618c.16 0 .293-.13.293-.29V7.042a.293.293 0 0 0-.293-.291zm0 .13h9.617c.09 0 .16.071.16.16v5.397c0 .09-.07.16-.16.16H3.614c-.09 0-.16-.07-.16-.16V7.043c0-.09.07-.16.16-.16zM2.475 12.951a.066.066 0 0 0-.067.067v.24c0 .074.027.142.073.191.046.05.109.082.18.106.14.046.321.056.519.056h10.486c.198 0 .379-.01.52-.056a.414.414 0 0 0 .178-.106.28.28 0 0 0 .074-.191v-.24a.066.066 0 0 0-.067-.067zm.064.133h11.766v.174c0 .045-.012.072-.037.1s-.068.05-.125.07a1.651 1.651 0 0 1-.477.052H3.18c-.192 0-.364-.015-.479-.052a.293.293 0 0 1-.123-.07.132.132 0 0 1-.039-.1z"
paint-order="fill markers stroke"
/>
<path
fill="#c6daf2"
d="M13.338 3.296c-.001.03-.332.085-.354.105-.02.02-.086.346-.115.345-.03-.001-.085-.333-.106-.354-.02-.021-.345-.087-.344-.116.001-.03.333-.085.354-.105.02-.02.086-.346.115-.345.03.002.085.333.106.355.02.02.346.086.344.115z"
paint-order="fill markers stroke"
/>
<path
d="M12.381 3.22c-.01.007-.027.02-.028.053a.07.07 0 0 0 .025.059c.01.008.017.012.024.016a.323.323 0 0 0 .046.018c.034.012.076.024.118.035l.117.032a.73.73 0 0 1 .029.009.698.698 0 0 1 .008.03l.028.12c.01.043.02.086.032.12.005.018.01.033.017.048a.106.106 0 0 0 .015.024c.007.01.021.027.054.028a.069.069 0 0 0 .058-.025.103.103 0 0 0 .016-.024.333.333 0 0 0 .019-.046c.011-.034.023-.076.034-.118l.032-.117a.647.647 0 0 1 .01-.03l.03-.008.119-.028a2 2 0 0 0 .12-.03.338.338 0 0 0 .048-.018.11.11 0 0 0 .024-.015c.01-.008.027-.022.028-.054a.069.069 0 0 0-.025-.058c-.01-.008-.016-.012-.024-.016a.326.326 0 0 0-.046-.019 1.935 1.935 0 0 0-.118-.035l-.117-.031-.029-.01-.008-.03-.028-.12a1.996 1.996 0 0 0-.031-.12.338.338 0 0 0-.018-.047.106.106 0 0 0-.014-.025.068.068 0 0 0-.055-.028.069.069 0 0 0-.058.026c-.008.009-.012.016-.016.024a.327.327 0 0 0-.018.045 1.94 1.94 0 0 0-.035.118l-.032.117-.009.03-.03.008-.12.028a2 2 0 0 0-.12.031.34.34 0 0 0-.048.017.107.107 0 0 0-.024.015zm.244.06.1-.024a.798.798 0 0 0 .066-.02c.007-.003.014-.004.028-.017.014-.014.015-.02.018-.027l.008-.02a.802.802 0 0 0 .014-.045l.026-.095c.008.035.016.071.024.1a.754.754 0 0 0 .02.067c.003.007.004.013.017.027.014.015.02.016.027.019a.776.776 0 0 0 .065.022l.095.026-.1.023a.801.801 0 0 0-.067.02c-.007.003-.013.004-.028.018-.014.013-.015.02-.018.026l-.008.02a.802.802 0 0 0-.014.046l-.026.094-.024-.1a.754.754 0 0 0-.02-.067c-.002-.006-.003-.013-.017-.027-.014-.014-.02-.015-.027-.018a.776.776 0 0 0-.065-.022c-.028-.009-.061-.018-.094-.026z"
paint-order="fill markers stroke"
/>
<path
fill="#e8f0fa"
d="M5.814 15.099a.274.274 0 1 1-.55 0 .274.274 0 0 1 .55 0z"
paint-order="fill markers stroke"
/>
<path
d="M5.54 14.758a.34.34 0 1 0 .001.683.34.34 0 0 0-.002-.683zm0 .133a.208.208 0 1 1 0 .416.208.208 0 1 1 0-.416z"
paint-order="fill markers stroke"
/>
<path
fill="#2c6ec1"
d="M9.84 4.243c-.002.047-.53.135-.564.167-.033.032-.137.55-.183.548-.047-.002-.135-.529-.168-.563-.032-.033-.55-.137-.548-.184.002-.047.53-.135.563-.167.034-.032.138-.55.184-.548.047.002.135.53.168.563.032.033.55.137.548.184z"
paint-order="fill markers stroke"
/>
<path
d="M8.341 4.151a.072.072 0 0 0-.03.058.073.073 0 0 0 .027.061c.01.01.02.015.03.02.02.01.042.018.068.027.052.018.118.037.185.055l.186.05.063.02.005.002.002.005.017.064.045.19c.016.07.033.137.049.19a.52.52 0 0 0 .026.07c.005.01.01.02.018.031.009.011.024.03.058.03a.074.074 0 0 0 .061-.027c.01-.01.015-.02.02-.03A.495.495 0 0 0 9.2 4.9c.018-.052.036-.119.054-.186l.05-.186a1.13 1.13 0 0 1 .02-.063l.002-.005.005-.001.065-.018.19-.045c.069-.016.136-.032.19-.049a.517.517 0 0 0 .07-.025.14.14 0 0 0 .03-.019.073.073 0 0 0 .03-.058.073.073 0 0 0-.027-.061.132.132 0 0 0-.03-.02.488.488 0 0 0-.067-.027 3.059 3.059 0 0 0-.185-.055l-.187-.05a1.13 1.13 0 0 1-.062-.02l-.005-.001-.002-.006a1.142 1.142 0 0 1-.018-.064l-.045-.19a3.164 3.164 0 0 0-.048-.19.516.516 0 0 0-.026-.07.14.14 0 0 0-.018-.03.073.073 0 0 0-.058-.031.073.073 0 0 0-.062.027.132.132 0 0 0-.02.03.488.488 0 0 0-.027.067 3.059 3.059 0 0 0-.055.186l-.05.186a1.112 1.112 0 0 1-.02.063c0 .002 0 .003-.002.004s-.002.002-.005.002l-.064.018-.19.045a3.164 3.164 0 0 0-.19.049.517.517 0 0 0-.07.025.14.14 0 0 0-.03.019zm.212.063.109-.028c.068-.015.137-.03.192-.045a1.227 1.227 0 0 0 .1-.03c.01-.003.017-.005.032-.02.015-.014.017-.022.021-.03a1.225 1.225 0 0 0 .033-.098c.016-.055.033-.123.05-.189l.03-.102c.01.036.02.068.029.108.016.068.031.138.045.193a1.227 1.227 0 0 0 .03.1c.004.01.006.017.02.032s.022.017.03.02a1.225 1.225 0 0 0 .098.033l.189.052c.038.01.068.02.102.03l-.108.027-.193.046a1.227 1.227 0 0 0-.1.03c-.009.004-.017.005-.031.02-.016.014-.018.022-.022.03a1.189 1.189 0 0 0-.033.098l-.05.189c-.01.038-.02.068-.03.102-.01-.036-.019-.068-.028-.109l-.045-.192a1.227 1.227 0 0 0-.03-.1c-.004-.009-.006-.017-.02-.032-.015-.015-.023-.017-.031-.021l-.028-.01a1.186 1.186 0 0 0-.07-.023l-.189-.05-.102-.03z"
paint-order="fill markers stroke"
/>
<path fill="#2c6ec1" d="M12.213 9.118h3.176l.19.705h-3.556z" />
<path
d="M12.213 9.053a.066.066 0 0 0-.064.049l-.19.703a.066.066 0 0 0 .065.084h3.554a.066.066 0 0 0 .065-.084l-.19-.703a.066.066 0 0 0-.064-.05zm.051.13h3.074l.154.573H12.11z"
/>
<path fill="#2c6ec1" d="M12.734 8.41h2.134l.127.704h-2.388z" />
<path
d="M12.735 8.344a.066.066 0 0 0-.065.054l-.129.704a.066.066 0 0 0 .067.078h2.386a.066.066 0 0 0 .067-.078l-.13-.704a.066.066 0 0 0-.064-.054zm.054.133h2.024l.103.572h-2.23z"
/>
<path fill="#c6daf2" d="M12.567 14.135h2.468l.35-4.293h-3.167z" />
<path
fill="#a8c6eb"
d="m12.218 9.842.034.428h3.098l.034-.428z"
paint-order="fill markers stroke"
/>
<path
fill="#c6daf2"
d="M2.43 11.942c-.001.03-.333.085-.354.106-.021.02-.087.346-.116.344-.03-.001-.085-.333-.105-.354-.02-.02-.346-.086-.345-.115.002-.03.333-.085.355-.106.02-.02.086-.346.115-.344.03.001.085.333.105.354.02.02.346.086.345.115z"
paint-order="fill markers stroke"
/>
<path
d="M1.473 11.866c-.01.007-.027.021-.029.054a.07.07 0 0 0 .026.058c.009.008.016.012.023.016a.327.327 0 0 0 .046.019c.034.011.076.023.119.034l.116.032a.67.67 0 0 1 .03.009.743.743 0 0 1 .008.03l.028.12c.01.043.02.086.031.12a.34.34 0 0 0 .018.048.107.107 0 0 0 .014.024c.008.01.022.027.054.028a.069.069 0 0 0 .058-.025.104.104 0 0 0 .016-.024.33.33 0 0 0 .02-.046l.034-.118c.011-.042.022-.084.032-.116a.702.702 0 0 1 .009-.03l.03-.008.12-.028c.043-.01.086-.02.12-.032a.335.335 0 0 0 .048-.017.108.108 0 0 0 .024-.015c.01-.007.027-.021.028-.054a.069.069 0 0 0-.025-.058c-.01-.008-.017-.012-.024-.016a.331.331 0 0 0-.046-.019 1.932 1.932 0 0 0-.118-.034l-.117-.032c-.012-.003-.02-.006-.029-.01l-.008-.03c-.009-.032-.018-.076-.029-.119a1.999 1.999 0 0 0-.03-.12.34.34 0 0 0-.018-.048.107.107 0 0 0-.015-.024.068.068 0 0 0-.054-.028.069.069 0 0 0-.058.025c-.009.01-.012.017-.016.024a.323.323 0 0 0-.019.046l-.035.118-.031.117-.01.029-.03.008-.12.028c-.042.01-.085.02-.12.031a.338.338 0 0 0-.047.018.106.106 0 0 0-.024.015zm.243.06.1-.023a.754.754 0 0 0 .067-.02c.007-.003.013-.005.027-.018.015-.014.016-.02.019-.027a.776.776 0 0 0 .022-.065l.026-.095.023.1a.798.798 0 0 0 .02.067c.003.007.004.013.018.028.013.014.02.015.026.018l.02.008c.013.005.028.01.046.014l.095.026c-.036.008-.072.016-.101.024a.754.754 0 0 0-.067.02c-.006.003-.013.004-.027.017-.014.014-.015.02-.019.027a.776.776 0 0 0-.022.065l-.025.095a6.343 6.343 0 0 0-.037-.148.207.207 0 0 0-.007-.02c-.003-.006-.004-.013-.017-.027-.014-.014-.02-.015-.027-.018a.802.802 0 0 0-.065-.022l-.095-.026z"
paint-order="fill markers stroke"
/>
<path
d="M12.217 9.775a.066.066 0 0 0-.064.073l.347 4.293a.066.066 0 0 0 .067.06h2.468a.066.066 0 0 0 .067-.06l.348-4.293a.066.066 0 0 0-.065-.073zm.072.133h3.024l-.338 4.16h-2.348z"
/>
<path fill="#2c6ec1" d="M12.449 13.116h2.642l.158.357h-2.958z" />
<path
d="M12.45 13.05a.066.066 0 0 0-.061.04l-.158.355a.066.066 0 0 0 .06.094h2.957a.066.066 0 0 0 .06-.094l-.155-.355a.066.066 0 0 0-.06-.04zm.042.132h2.557l.1.224h-2.756z"
/>
<path fill="#2c6ec1" d="M12.449 13.848h2.642l.158-.357h-2.958z" />
<path
d="M12.291 13.426a.066.066 0 0 0-.06.092l.158.357a.066.066 0 0 0 .06.039h2.643a.066.066 0 0 0 .06-.039l.157-.357a.066.066 0 0 0-.06-.092zm.102.13h2.756l-.1.225h-2.557z"
/>
<path
fill="#c6daf2"
d="M1.922 5.57h8.722c.113 0 .204.091.204.205v4.888a.204.204 0 0 1-.204.204H1.922a.204.204 0 0 1-.204-.204V5.775c0-.114.091-.205.204-.205z"
paint-order="fill markers stroke"
/>
<path
fill="#a8c6eb"
d="M1.922 5.57a.204.204 0 0 0-.204.205v.278c0-.113.091-.204.204-.204h8.721c.114 0 .205.09.205.204v-.278a.204.204 0 0 0-.205-.205z"
paint-order="fill markers stroke"
/>
<path
d="M1.922 5.504a.271.271 0 0 0-.27.271v4.887c0 .149.121.272.27.272h8.72a.273.273 0 0 0 .272-.272V5.775a.273.273 0 0 0-.271-.271zm0 .133h8.72c.079 0 .14.06.14.138V10.662c0 .078-.061.139-.14.139h-8.72a.137.137 0 0 1-.139-.139V5.775c0-.077.061-.138.14-.138z"
paint-order="fill markers stroke"
/>
<path
fill="#2c6ec1"
d="M5.39 6.542 3.954 7.957l-.1.1-.025.024-.093.092a.087.087 0 0 0 0 .124l1.618 1.586c.05.05.133.05.184 0l.123-.122a.091.091 0 0 0 0-.13L4.252 8.252a.025.025 0 0 1 0-.036l1.422-1.4a.082.082 0 0 0 0-.117l-.159-.156a.09.09 0 0 0-.125 0z"
/>
<path
d="M5.388 6.476a.066.066 0 0 0-.043.019L3.947 7.87l.046.035a.066.066 0 0 0-.086.005l-.101.1-.024.024a.066.066 0 0 0-.02.047v-.028l-.074.073c-.06.059-.06.159 0 .218L5.307 9.93c.077.075.2.075.277 0l.123-.122a.159.159 0 0 0 0-.224l-1.377-1.35 1.393-1.37a.15.15 0 0 0 0-.212l-.16-.157c-.034-.033-.08-.005-.124 0a.066.066 0 0 0-.05-.019zm.05.114a.023.023 0 0 1 .032 0l.159.157c.007.007.007.014 0 .021l-1.422 1.4a.093.093 0 0 0 0 .131l1.406 1.38c.011.01.011.024 0 .035l-.122.122a.066.066 0 0 1-.092 0L3.78 8.25c-.009-.01-.009-.02 0-.03l.093-.092a.066.066 0 0 0 .02-.04v.02l.005-.004.06-.06-.046-.034A.066.066 0 0 0 4 8.005L5.435 6.59a.066.066 0 0 0 .002-.001z"
/>
<path
fill="#2c6ec1"
d="m7.175 6.542 1.438 1.415.1.1.025.024.093.092a.087.087 0 0 1 0 .124L7.213 9.883a.132.132 0 0 1-.184 0l-.123-.122a.091.091 0 0 1 0-.13l1.407-1.379a.025.025 0 0 0 0-.036l-1.422-1.4a.082.082 0 0 1 0-.117l.159-.156a.09.09 0 0 1 .125 0z"
/>
<path
d="M7.169 6.476a.066.066 0 0 0-.04.02c-.046-.006-.09-.034-.125 0l-.16.156a.15.15 0 0 0 0 .211l1.393 1.371-1.377 1.35a.159.159 0 0 0 0 .224l.122.122c.077.075.201.075.277 0l1.618-1.586a.155.155 0 0 0 0-.218l-.073-.073v.028a.066.066 0 0 0-.02-.047L8.76 8.01l-.1-.1a.066.066 0 0 0-.085-.007l.044-.032-1.397-1.376a.066.066 0 0 0-.053-.019zm-.073.114a.023.023 0 0 1 .033 0l1.437 1.415a.066.066 0 0 0 .085.006l-.044.034.06.059.005.004v-.027a.066.066 0 0 0 .02.047l.093.092c.009.01.01.02 0 .03L7.167 9.836a.065.065 0 0 1-.091 0l-.123-.122c-.011-.011-.011-.025 0-.036L8.359 8.3a.093.093 0 0 0 0-.13l-1.422-1.4c-.008-.008-.007-.015 0-.022z"
/>
</svg>
More icons in the same style and category