Iconify.design Iconify
Thousands of icons, one unified framework.
  • Support Iconify
Show all available icon sets
Show all icons from Elegant
Elegant
Author:
Kenny Sing
License:
GPL 3.0
profile-male
quote

35 x 32

et:puzzle

Customize "puzzle" icon:

Color

Size

Flip

Rotate

Code for "puzzle" for developers:

SVGHTMLReactVueSvelteEmber
SVGSVG with viewBox rectangleSVG as data: URI
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="32" viewBox="0 0 35 32"><path fill="currentColor" d="M20.042 3.907C20.042 1.962 18.483 0 15 0c-3.067 0-5.129 1.57-5.129 3.907c0 1.364.552 1.986.917 2.398c.193.217.271.315.271.413c0 .162 0 .26-.558.282H4.403C2.058 7 0 8.869 0 11v3.732c.038.944.571 1.531 1.392 1.531c.467 0 .813-.267 1.149-.526C2.991 15.392 3.5 15 4.5 15C6.196 15 8 16.402 8 19c0 2.629-1.828 4.462-3.469 4.462c-.99 0-1.508-.429-1.966-.807c-.343-.284-.697-.578-1.174-.578c-.82 0-1.354.587-1.392 1.551v4.102C0 29.965 2.099 32 4.403 32h6.129c.928-.038 1.527-.585 1.527-1.396c0-.487-.277-.8-.522-1.076c-.328-.369-.666-.75-.666-1.734c0-1.766 1.604-2.907 4.085-2.907c2.482 0 4.086 1.141 4.086 2.907c0 .984-.339 1.365-.666 1.734c-.245.276-.523.589-.523 1.076c0 .822.585 1.356 1.548 1.395l3.941.001c2.152 0 3.656-1.677 3.656-4.078v-4.65c.026-.122.334-.588.804-.588c.096 0 .193.079.409.271c.41.367 1.031.922 2.393.922C32.788 23.876 35 22.202 35 19c0-3.454-2.009-5-4-5c-1.344 0-2.12.614-2.634 1.02c-.228.18-.442.35-.564.35c-.471 0-.779-.468-.802-.571l-.002-.024v-3.583C26.998 8.763 25.46 7 23.342 7h-3.921l-.04-.003c-.528-.02-.528-.117-.528-.279c0-.098.078-.195.271-.413c.365-.411.918-1.034.918-2.398zm-1.666 1.735c-.245.276-.523.59-.523 1.077c0 .55.251 1.212 1.471 1.277a.537.537 0 0 0 .07.004h3.948C25.086 8 26 9.606 26 11.192v3.633c0 .036-.007.071 0 .105c.092.611.842 1.439 1.802 1.439c.47 0 .816-.274 1.185-.565C29.463 15.427 30.004 15 31 15c1.822 0 3 1.57 3 4c0 2.664-1.761 3.876-3.396 3.876c-.979 0-1.359-.339-1.727-.667c-.276-.246-.589-.525-1.075-.525c-.96 0-1.711.829-1.802 1.44c-.007.034 0 .069 0 .105v4.694C26 29.454 25.177 31 23.342 31h-3.921c-.568-.023-.568-.285-.568-.396c0-.097.078-.195.271-.413c.365-.412.918-1.034.918-2.398c0-1.945-1.572-3.907-5.086-3.907c-3.041 0-5.085 1.57-5.085 3.907c0 1.364.552 1.986.918 2.398c.192.217.271.315.271.413c0 .112 0 .374-.548.396H4.403C2.686 31 1 29.38 1 27.73v-4.082c.022-.571.281-.571.392-.571c.116 0 .32.169.537.348c.498.413 1.253 1.037 2.603 1.037C6.689 24.462 9 22.267 9 19c0-3.248-2.318-5-4.5-5c-1.34 0-2.079.568-2.568.945c-.222.171-.414.318-.54.318c-.11 0-.369 0-.392-.551V11c0-1.768 1.794-3 3.403-3h6.115l.047-.002c1.235-.046 1.494-.722 1.494-1.28c0-.487-.277-.8-.522-1.076c-.328-.369-.666-.75-.666-1.735C10.871 2.168 12.53 1 15 1c2.455 0 4.042 1.141 4.042 2.907c0 .984-.339 1.366-.666 1.735z"/></svg>
Download SVG

Data for icons is open source and is available for everyone to use. You can use it with various icon components, create your own components that use Iconify as source or just export raw SVGs.

All icons are validated, cleaned up and automatically kept up to date.

About Iconify

Iconify gives you freedom to choose icons, while using same open source icon components and tools.

Visit Iconify website to learn more about the project.

  • © 2020 - 2022 Iconify OÜ • About Iconify • Privacy Policy