Jigsaw icon
ix:jigsaw
The Jigsaw icon (ix:jigsaw) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Siemens Industrial Experience Icons
- Author
- Siemens AG
- License
- MIT
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m245.234 42.667l70.989 70.977l3.81 3.661c5.58 5.107 7.508 5.46 8.737 4.338l.351-.378c.409-.506.681-1.064.769-1.318a49.4 49.4 0 0 1 11.576-18.305c18.175-18.162 46.991-19.134 66.279-2.917l3.202 2.918c19.185 19.185 19.185 50.275.004 69.455c-5.24 5.247-11.497 9.172-18.554 11.654c-2.881 2.146-2.742 4.298 6.522 13.599l70.414 70.408l-59.234 59.235c-17.064 17.047-32.911 18.104-42.592 6.118c-1.613-1.998-2.734-3.967-3.454-5.624l-.59-1.543a29 29 0 0 0-6.883-10.89c-11.393-11.401-29.866-11.401-42.787 1.247l1.501-1.234c-11.389 11.389-11.385 29.874.04 41.295a28.8 28.8 0 0 0 10.661 6.794c2.104.693 4.713 1.971 7.372 4.124c11.967 9.692 10.899 25.536-6.15 42.589l-60.451 60.463l-70.324-70.33c-9.37-9.368-11.543-9.514-13.01-7.7l-.619.967l-.138.316a48.75 48.75 0 0 1-11.581 18.326c-18.139 18.172-46.974 19.141-66.275 2.924l-3.187-2.919c-19.172-19.179-19.172-50.261-.008-69.439c5.228-5.242 11.465-9.147 18.567-11.667c2.685-2.003 2.752-4.019-4.751-11.795l-72.773-72.793l60.457-60.463c17.057-17.053 32.903-18.116 42.589-6.138c1.615 1.996 2.736 3.964 3.459 5.627l.594 1.553a29.04 29.04 0 0 0 6.88 10.895c11.401 11.393 29.872 11.396 41.278.01c11.41-11.413 11.41-29.896.012-41.29c-3.124-3.125-6.829-5.447-10.687-6.815c-2.106-.692-4.717-1.968-7.379-4.119c-11.982-9.686-10.92-25.532 6.133-42.586zm-.013 56.348l-23.89 23.889l1.58 1.328l3.198 3.002c26.97 26.961 26.961 70.678-.032 97.674c-26.967 26.922-70.643 26.912-97.627-.052a69 69 0 0 1-3.023-3.227l-1.287-1.554l-25.125 25.145l42.734 42.719c7.085 7.085 11.466 12.171 14.799 18.7l1.587 3.401c8.208 19.254 1.947 38.104-11.651 49.74l-2.474 1.977l-4.822 3.595l-5.668 2.012c-1.561.554-2.697 1.268-3.709 2.282c-3.163 3.165-3.558 8.049-2.035 10.831l.768 1.052l1.91 1.798c3.62 3.042 9.056 2.82 12.535-.666c.947-.941 1.662-2.074 1.967-2.93c1.641-4.816 4.249-9.476 7.49-13.484c13.161-16.275 34.842-19.979 52.82-10.689c5.76 2.976 10.51 6.714 16.34 12.31l3.014 2.958l42.119 42.138l25.145-25.145l-1.573-1.302l-3.15-2.972c-26.015-26.006-26.973-67.587-2.83-94.702l1.735-1.861l-.148-.157c27.019-26.447 68.41-28.214 95.833-3.788l2.988 2.822l3.026 3.223l1.29 1.566l23.91-23.89l-42.28-42.286c-7.045-7.074-11.397-12.147-14.707-18.678l-1.575-3.403c-8.143-19.252-1.848-38.027 11.714-49.621l2.467-1.97l4.868-3.628l5.728-2.014c1.444-.507 2.577-1.218 3.594-2.237c3.166-3.166 3.562-8.048 2.077-10.793l-.748-1.034l-2.001-1.867c-3.612-3.037-9.049-2.815-12.441.574c-1.013 1.015-1.762 2.202-2.074 3.064c-1.634 4.766-4.21 9.409-7.47 13.444c-13.132 16.253-34.796 19.993-52.778 10.711c-5.736-2.961-10.456-6.669-16.278-12.246l-3.013-2.95z" clip-rule="evenodd"/></svg>How to use the Jigsaw icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:jigsaw" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:jigsaw" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:jigsaw" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--jigsaw]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:jigsaw"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:jigsaw"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/jigsaw.svg" alt="Jigsaw icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Jigsaw icon in other icon sets
Jigsaw icon FAQ
Is the Jigsaw icon free for commercial use?
Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Jigsaw icon in React?
Install @iconify/react and render <Icon icon="ix:jigsaw" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jigsaw icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/jigsaw.svg" alt="Jigsaw icon">, or paste the SVG code inline to style it with CSS.