puzzle piece emoji
puzzle-piece from Noto Emoji by Google Inc · Default · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- puzzle-piece
- Set
- Noto Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 128×128
- License
- Apache 2.0
- Aliases
- jigsaw
The same emoji in other sets
puzzle-pieceFont Awesome 6 Solidpuzzle-pieceFont Awesome Solidpuzzle-piece-12-filledFluent UI System Iconspuzzle-piece-16Fluent UI System Color Iconspuzzle-pieceFluent Emojipuzzle-pieceFluent Emoji Flatpuzzle-pieceFluent Emoji High Contrastpuzzle-pieceHeroIconspuzzle-pieceLine Awesomepuzzle-pieceOpenMojipuzzle-piecePhosphorpuzzle-pieceTwitter Emojipuzzle-pieceUnicons
More activities icons from Noto Emoji
Use the puzzle piece emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b0b0af" d="M32.74 59.8c-.42-.42-25.99-6.05-25.99-6.05s-1.49 2.39-1.06 3.8c.24.79 5.82 7.28 11.56 13.25c4.53 4.72 9.68 9.52 10.43 12.26c1.15 4.22 1.27 10.99 1.27 10.99l-16.67 10.18s2.04 10.38 15.26 9.97c12.35-.38 12.99-13.46 16.91-13.53c.66-.01 1.57-.24 3.2 1.51c4.04 4.34 11.6 12.72 14.13 15.26c3.38 3.38 5.78 6.76 7.05 6.62s11.98-9.72 15.08-12.68s5.92-6.48 5.92-9.44s-4.37-5.21-4.37-5.21l-24.1 2.82zm70.88-38.18c.42 0 11.13-5.35 11.13-5.35s5.5 11.13-1.55 17.47s-8.6 2.75-11.98 6.48c-2.58 2.85-1.27 8.74-1.27 8.74L120.9 69.1s1.17 2.13.33 3.68c-.6 1.1-7.65 8.99-13.11 14.66c-2.46 2.55-5.89 3.41-7.75 2.96c-4.65-1.13-5.35-4.79-6.2-11.27s-6.43-6.38-8.46-6.06c-4.28.68-7.07 3.18-7.07 3.18s-25.2-30.37-24.92-31.22s1.27-7.19-1.69-9.86c-2.96-2.68-8.87-4.04-11.13-5.59c-2.25-1.55-2.55-4.5-2.14-7.36s18.63-2.83 18.63-2.83s31.42 17.33 31.57 16.63c.14-.74 14.66-14.4 14.66-14.4"/><radialGradient id="SVGuBi6Dcim" cx="62.172" cy="-28.3" r="119.225" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#b7d118"/><stop offset=".572" stop-color="#b2d019"/><stop offset=".643" stop-color="#a5cd1d"/><stop offset=".717" stop-color="#8fc922"/><stop offset=".793" stop-color="#70c22a"/><stop offset=".871" stop-color="#48ba34"/><stop offset=".949" stop-color="#18b040"/><stop offset=".981" stop-color="#02ab46"/></radialGradient><path fill="url(#SVGuBi6Dcim)" d="M88.12 24.99c.76-2.78-.11-9.61 5.2-14.13s13.57-3.96 18.54.79s5.77 13.68-.11 19.56s-8.59 2.6-11.87 5.77s-2.71 5.77-.68 7.69c2.04 1.92 22.28 23.07 21.71 24.42s-14.36 16.96-16.62 18.09s-6.22 1.02-7.01-2.71s.57-11.19-5.09-13.12c-5.65-1.92-8.14-.34-13.68 5.54S70.48 89.21 75 92.49s10.18 1.92 12.44 5.77s-1.13 7.35-7.12 12.89s-10.63 10.06-11.42 9.5c-.79-.57-17.98-18.77-19.67-20.69c-1.7-1.92-4.98-3.62-8.14-.68c-3.17 2.94-3.73 12.55-17.07 12.55S9.08 97.36 13.83 91.37s15.26-6.56 15.49-10.63c.1-1.87-5.67-6.91-10.85-12.32C12.38 62.05 6.72 55.3 6.48 54.51c-.45-1.47 12.66-14.36 15.15-16.17s5.31-.68 6.67.79s1.7 5.99 2.83 8.59s6.44 13.91 19.22 1.02c12.66-12.78.68-18.32-3.39-19.45s-7-1.5-8.14-5.65c-.9-3.28 4.07-7.12 9.27-12.1s8.25-7.58 9.61-7.58s19.56 19.56 21.94 21.82s3.84 2.83 5.54 2.37c1.69-.44 2.6-1.91 2.94-3.16"/></svg>
React
import type { SVGProps } from "react";
export function NotoPuzzlePiece(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b0b0af" d="M32.74 59.8c-.42-.42-25.99-6.05-25.99-6.05s-1.49 2.39-1.06 3.8c.24.79 5.82 7.28 11.56 13.25c4.53 4.72 9.68 9.52 10.43 12.26c1.15 4.22 1.27 10.99 1.27 10.99l-16.67 10.18s2.04 10.38 15.26 9.97c12.35-.38 12.99-13.46 16.91-13.53c.66-.01 1.57-.24 3.2 1.51c4.04 4.34 11.6 12.72 14.13 15.26c3.38 3.38 5.78 6.76 7.05 6.62s11.98-9.72 15.08-12.68s5.92-6.48 5.92-9.44s-4.37-5.21-4.37-5.21l-24.1 2.82zm70.88-38.18c.42 0 11.13-5.35 11.13-5.35s5.5 11.13-1.55 17.47s-8.6 2.75-11.98 6.48c-2.58 2.85-1.27 8.74-1.27 8.74L120.9 69.1s1.17 2.13.33 3.68c-.6 1.1-7.65 8.99-13.11 14.66c-2.46 2.55-5.89 3.41-7.75 2.96c-4.65-1.13-5.35-4.79-6.2-11.27s-6.43-6.38-8.46-6.06c-4.28.68-7.07 3.18-7.07 3.18s-25.2-30.37-24.92-31.22s1.27-7.19-1.69-9.86c-2.96-2.68-8.87-4.04-11.13-5.59c-2.25-1.55-2.55-4.5-2.14-7.36s18.63-2.83 18.63-2.83s31.42 17.33 31.57 16.63c.14-.74 14.66-14.4 14.66-14.4"/><radialGradient id="SVGuBi6Dcim" cx="62.172" cy="-28.3" r="119.225" gradientUnits="userSpaceOnUse"><stop offset=".508" stopColor="#b7d118"/><stop offset=".572" stopColor="#b2d019"/><stop offset=".643" stopColor="#a5cd1d"/><stop offset=".717" stopColor="#8fc922"/><stop offset=".793" stopColor="#70c22a"/><stop offset=".871" stopColor="#48ba34"/><stop offset=".949" stopColor="#18b040"/><stop offset=".981" stopColor="#02ab46"/></radialGradient><path fill="url(#SVGuBi6Dcim)" d="M88.12 24.99c.76-2.78-.11-9.61 5.2-14.13s13.57-3.96 18.54.79s5.77 13.68-.11 19.56s-8.59 2.6-11.87 5.77s-2.71 5.77-.68 7.69c2.04 1.92 22.28 23.07 21.71 24.42s-14.36 16.96-16.62 18.09s-6.22 1.02-7.01-2.71s.57-11.19-5.09-13.12c-5.65-1.92-8.14-.34-13.68 5.54S70.48 89.21 75 92.49s10.18 1.92 12.44 5.77s-1.13 7.35-7.12 12.89s-10.63 10.06-11.42 9.5c-.79-.57-17.98-18.77-19.67-20.69c-1.7-1.92-4.98-3.62-8.14-.68c-3.17 2.94-3.73 12.55-17.07 12.55S9.08 97.36 13.83 91.37s15.26-6.56 15.49-10.63c.1-1.87-5.67-6.91-10.85-12.32C12.38 62.05 6.72 55.3 6.48 54.51c-.45-1.47 12.66-14.36 15.15-16.17s5.31-.68 6.67.79s1.7 5.99 2.83 8.59s6.44 13.91 19.22 1.02c12.66-12.78.68-18.32-3.39-19.45s-7-1.5-8.14-5.65c-.9-3.28 4.07-7.12 9.27-12.1s8.25-7.58 9.61-7.58s19.56 19.56 21.94 21.82s3.84 2.83 5.54 2.37c1.69-.44 2.6-1.91 2.94-3.16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b0b0af" d="M32.74 59.8c-.42-.42-25.99-6.05-25.99-6.05s-1.49 2.39-1.06 3.8c.24.79 5.82 7.28 11.56 13.25c4.53 4.72 9.68 9.52 10.43 12.26c1.15 4.22 1.27 10.99 1.27 10.99l-16.67 10.18s2.04 10.38 15.26 9.97c12.35-.38 12.99-13.46 16.91-13.53c.66-.01 1.57-.24 3.2 1.51c4.04 4.34 11.6 12.72 14.13 15.26c3.38 3.38 5.78 6.76 7.05 6.62s11.98-9.72 15.08-12.68s5.92-6.48 5.92-9.44s-4.37-5.21-4.37-5.21l-24.1 2.82zm70.88-38.18c.42 0 11.13-5.35 11.13-5.35s5.5 11.13-1.55 17.47s-8.6 2.75-11.98 6.48c-2.58 2.85-1.27 8.74-1.27 8.74L120.9 69.1s1.17 2.13.33 3.68c-.6 1.1-7.65 8.99-13.11 14.66c-2.46 2.55-5.89 3.41-7.75 2.96c-4.65-1.13-5.35-4.79-6.2-11.27s-6.43-6.38-8.46-6.06c-4.28.68-7.07 3.18-7.07 3.18s-25.2-30.37-24.92-31.22s1.27-7.19-1.69-9.86c-2.96-2.68-8.87-4.04-11.13-5.59c-2.25-1.55-2.55-4.5-2.14-7.36s18.63-2.83 18.63-2.83s31.42 17.33 31.57 16.63c.14-.74 14.66-14.4 14.66-14.4"/><radialGradient id="SVGuBi6Dcim" cx="62.172" cy="-28.3" r="119.225" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#b7d118"/><stop offset=".572" stop-color="#b2d019"/><stop offset=".643" stop-color="#a5cd1d"/><stop offset=".717" stop-color="#8fc922"/><stop offset=".793" stop-color="#70c22a"/><stop offset=".871" stop-color="#48ba34"/><stop offset=".949" stop-color="#18b040"/><stop offset=".981" stop-color="#02ab46"/></radialGradient><path fill="url(#SVGuBi6Dcim)" d="M88.12 24.99c.76-2.78-.11-9.61 5.2-14.13s13.57-3.96 18.54.79s5.77 13.68-.11 19.56s-8.59 2.6-11.87 5.77s-2.71 5.77-.68 7.69c2.04 1.92 22.28 23.07 21.71 24.42s-14.36 16.96-16.62 18.09s-6.22 1.02-7.01-2.71s.57-11.19-5.09-13.12c-5.65-1.92-8.14-.34-13.68 5.54S70.48 89.21 75 92.49s10.18 1.92 12.44 5.77s-1.13 7.35-7.12 12.89s-10.63 10.06-11.42 9.5c-.79-.57-17.98-18.77-19.67-20.69c-1.7-1.92-4.98-3.62-8.14-.68c-3.17 2.94-3.73 12.55-17.07 12.55S9.08 97.36 13.83 91.37s15.26-6.56 15.49-10.63c.1-1.87-5.67-6.91-10.85-12.32C12.38 62.05 6.72 55.3 6.48 54.51c-.45-1.47 12.66-14.36 15.15-16.17s5.31-.68 6.67.79s1.7 5.99 2.83 8.59s6.44 13.91 19.22 1.02c12.66-12.78.68-18.32-3.39-19.45s-7-1.5-8.14-5.65c-.9-3.28 4.07-7.12 9.27-12.1s8.25-7.58 9.61-7.58s19.56 19.56 21.94 21.82s3.84 2.83 5.54 2.37c1.69-.44 2.6-1.91 2.94-3.16"/></svg> </template>
CSS
.icon-puzzle-piece {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23b0b0af%22%20d%3D%22M32.74%2059.8c-.42-.42-25.99-6.05-25.99-6.05s-1.49%202.39-1.06%203.8c.24.79%205.82%207.28%2011.56%2013.25c4.53%204.72%209.68%209.52%2010.43%2012.26c1.15%204.22%201.27%2010.99%201.27%2010.99l-16.67%2010.18s2.04%2010.38%2015.26%209.97c12.35-.38%2012.99-13.46%2016.91-13.53c.66-.01%201.57-.24%203.2%201.51c4.04%204.34%2011.6%2012.72%2014.13%2015.26c3.38%203.38%205.78%206.76%207.05%206.62s11.98-9.72%2015.08-12.68s5.92-6.48%205.92-9.44s-4.37-5.21-4.37-5.21l-24.1%202.82zm70.88-38.18c.42%200%2011.13-5.35%2011.13-5.35s5.5%2011.13-1.55%2017.47s-8.6%202.75-11.98%206.48c-2.58%202.85-1.27%208.74-1.27%208.74L120.9%2069.1s1.17%202.13.33%203.68c-.6%201.1-7.65%208.99-13.11%2014.66c-2.46%202.55-5.89%203.41-7.75%202.96c-4.65-1.13-5.35-4.79-6.2-11.27s-6.43-6.38-8.46-6.06c-4.28.68-7.07%203.18-7.07%203.18s-25.2-30.37-24.92-31.22s1.27-7.19-1.69-9.86c-2.96-2.68-8.87-4.04-11.13-5.59c-2.25-1.55-2.55-4.5-2.14-7.36s18.63-2.83%2018.63-2.83s31.42%2017.33%2031.57%2016.63c.14-.74%2014.66-14.4%2014.66-14.4%22%2F%3E%3CradialGradient%20id%3D%22SVGuBi6Dcim%22%20cx%3D%2262.172%22%20cy%3D%22-28.3%22%20r%3D%22119.225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.508%22%20stop-color%3D%22%23b7d118%22%2F%3E%3Cstop%20offset%3D%22.572%22%20stop-color%3D%22%23b2d019%22%2F%3E%3Cstop%20offset%3D%22.643%22%20stop-color%3D%22%23a5cd1d%22%2F%3E%3Cstop%20offset%3D%22.717%22%20stop-color%3D%22%238fc922%22%2F%3E%3Cstop%20offset%3D%22.793%22%20stop-color%3D%22%2370c22a%22%2F%3E%3Cstop%20offset%3D%22.871%22%20stop-color%3D%22%2348ba34%22%2F%3E%3Cstop%20offset%3D%22.949%22%20stop-color%3D%22%2318b040%22%2F%3E%3Cstop%20offset%3D%22.981%22%20stop-color%3D%22%2302ab46%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGuBi6Dcim)%22%20d%3D%22M88.12%2024.99c.76-2.78-.11-9.61%205.2-14.13s13.57-3.96%2018.54.79s5.77%2013.68-.11%2019.56s-8.59%202.6-11.87%205.77s-2.71%205.77-.68%207.69c2.04%201.92%2022.28%2023.07%2021.71%2024.42s-14.36%2016.96-16.62%2018.09s-6.22%201.02-7.01-2.71s.57-11.19-5.09-13.12c-5.65-1.92-8.14-.34-13.68%205.54S70.48%2089.21%2075%2092.49s10.18%201.92%2012.44%205.77s-1.13%207.35-7.12%2012.89s-10.63%2010.06-11.42%209.5c-.79-.57-17.98-18.77-19.67-20.69c-1.7-1.92-4.98-3.62-8.14-.68c-3.17%202.94-3.73%2012.55-17.07%2012.55S9.08%2097.36%2013.83%2091.37s15.26-6.56%2015.49-10.63c.1-1.87-5.67-6.91-10.85-12.32C12.38%2062.05%206.72%2055.3%206.48%2054.51c-.45-1.47%2012.66-14.36%2015.15-16.17s5.31-.68%206.67.79s1.7%205.99%202.83%208.59s6.44%2013.91%2019.22%201.02c12.66-12.78.68-18.32-3.39-19.45s-7-1.5-8.14-5.65c-.9-3.28%204.07-7.12%209.27-12.1s8.25-7.58%209.61-7.58s19.56%2019.56%2021.94%2021.82s3.84%202.83%205.54%202.37c1.69-.44%202.6-1.91%202.94-3.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23b0b0af%22%20d%3D%22M32.74%2059.8c-.42-.42-25.99-6.05-25.99-6.05s-1.49%202.39-1.06%203.8c.24.79%205.82%207.28%2011.56%2013.25c4.53%204.72%209.68%209.52%2010.43%2012.26c1.15%204.22%201.27%2010.99%201.27%2010.99l-16.67%2010.18s2.04%2010.38%2015.26%209.97c12.35-.38%2012.99-13.46%2016.91-13.53c.66-.01%201.57-.24%203.2%201.51c4.04%204.34%2011.6%2012.72%2014.13%2015.26c3.38%203.38%205.78%206.76%207.05%206.62s11.98-9.72%2015.08-12.68s5.92-6.48%205.92-9.44s-4.37-5.21-4.37-5.21l-24.1%202.82zm70.88-38.18c.42%200%2011.13-5.35%2011.13-5.35s5.5%2011.13-1.55%2017.47s-8.6%202.75-11.98%206.48c-2.58%202.85-1.27%208.74-1.27%208.74L120.9%2069.1s1.17%202.13.33%203.68c-.6%201.1-7.65%208.99-13.11%2014.66c-2.46%202.55-5.89%203.41-7.75%202.96c-4.65-1.13-5.35-4.79-6.2-11.27s-6.43-6.38-8.46-6.06c-4.28.68-7.07%203.18-7.07%203.18s-25.2-30.37-24.92-31.22s1.27-7.19-1.69-9.86c-2.96-2.68-8.87-4.04-11.13-5.59c-2.25-1.55-2.55-4.5-2.14-7.36s18.63-2.83%2018.63-2.83s31.42%2017.33%2031.57%2016.63c.14-.74%2014.66-14.4%2014.66-14.4%22%2F%3E%3CradialGradient%20id%3D%22SVGuBi6Dcim%22%20cx%3D%2262.172%22%20cy%3D%22-28.3%22%20r%3D%22119.225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.508%22%20stop-color%3D%22%23b7d118%22%2F%3E%3Cstop%20offset%3D%22.572%22%20stop-color%3D%22%23b2d019%22%2F%3E%3Cstop%20offset%3D%22.643%22%20stop-color%3D%22%23a5cd1d%22%2F%3E%3Cstop%20offset%3D%22.717%22%20stop-color%3D%22%238fc922%22%2F%3E%3Cstop%20offset%3D%22.793%22%20stop-color%3D%22%2370c22a%22%2F%3E%3Cstop%20offset%3D%22.871%22%20stop-color%3D%22%2348ba34%22%2F%3E%3Cstop%20offset%3D%22.949%22%20stop-color%3D%22%2318b040%22%2F%3E%3Cstop%20offset%3D%22.981%22%20stop-color%3D%22%2302ab46%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGuBi6Dcim)%22%20d%3D%22M88.12%2024.99c.76-2.78-.11-9.61%205.2-14.13s13.57-3.96%2018.54.79s5.77%2013.68-.11%2019.56s-8.59%202.6-11.87%205.77s-2.71%205.77-.68%207.69c2.04%201.92%2022.28%2023.07%2021.71%2024.42s-14.36%2016.96-16.62%2018.09s-6.22%201.02-7.01-2.71s.57-11.19-5.09-13.12c-5.65-1.92-8.14-.34-13.68%205.54S70.48%2089.21%2075%2092.49s10.18%201.92%2012.44%205.77s-1.13%207.35-7.12%2012.89s-10.63%2010.06-11.42%209.5c-.79-.57-17.98-18.77-19.67-20.69c-1.7-1.92-4.98-3.62-8.14-.68c-3.17%202.94-3.73%2012.55-17.07%2012.55S9.08%2097.36%2013.83%2091.37s15.26-6.56%2015.49-10.63c.1-1.87-5.67-6.91-10.85-12.32C12.38%2062.05%206.72%2055.3%206.48%2054.51c-.45-1.47%2012.66-14.36%2015.15-16.17s5.31-.68%206.67.79s1.7%205.99%202.83%208.59s6.44%2013.91%2019.22%201.02c12.66-12.78.68-18.32-3.39-19.45s-7-1.5-8.14-5.65c-.9-3.28%204.07-7.12%209.27-12.1s8.25-7.58%209.61-7.58s19.56%2019.56%2021.94%2021.82s3.84%202.83%205.54%202.37c1.69-.44%202.6-1.91%202.94-3.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/puzzle-piece.svg?color=%231a73e8&size=48
