puzzle piece emoji
puzzle-piece from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- puzzle-piece
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.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-pieceNoto Emojipuzzle-pieceOpenMojipuzzle-piecePhosphorpuzzle-pieceUnicons
More activities icons from Twitter Emoji
Use the puzzle piece emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#78b159" d="M26.093 4.612c-.498.498-.629.839-.728 1.029c-.66 1.266-1.455 1.676-2.78.351c-.13-.13-4.087-4.267-4.741-5.017c-.427-.49-1.081-.64-1.584-.262c-.38.286-4.035 3.273-5.035 4.507c-.774.955-.8 2.134-.079 2.856c.326.326.727.449 1.151.578c.552.169 1.763.068 2.47.775c1.133 1.133.54 2.924-.917 4.421c-1.497 1.457-3.288 2.05-4.421.917c-.708-.708-.606-1.918-.775-2.47c-.129-.424-.252-.824-.578-1.151c-.721-.721-1.9-.694-2.856.079c-1.235 1-4.221 4.655-4.507 5.035c-.379.503-.228 1.156.262 1.584c.75.654 4.887 4.611 5.017 4.741c1.324 1.324.915 2.12-.351 2.78c-.19.099-.53.229-1.029.728a3.744 3.744 0 0 0 5.295 5.295c.498-.498.629-.839.728-1.029c.66-1.266 1.455-1.676 2.78-.351c.13.13 4.087 4.267 4.741 5.017c.427.49 1.081.64 1.584.262c.38-.286 4.035-3.273 5.035-4.507c.774-.955.8-2.134.079-2.856c-.326-.326-.727-.449-1.151-.578c-.552-.169-1.763-.068-2.47-.775c-1.133-1.133-.54-2.924.917-4.421c1.497-1.457 3.288-2.05 4.421-.917c.708.708.606 1.918.775 2.47c.129.424.252.824.578 1.151c.721.721 1.9.694 2.856-.079c1.235-1 4.221-4.655 4.507-5.035c.379-.503.228-1.156-.262-1.584c-.75-.654-4.887-4.611-5.017-4.741c-1.324-1.324-.915-2.12.351-2.78c.19-.099.53-.229 1.029-.728a3.744 3.744 0 0 0-5.295-5.295"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPuzzlePiece(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#78b159" d="M26.093 4.612c-.498.498-.629.839-.728 1.029c-.66 1.266-1.455 1.676-2.78.351c-.13-.13-4.087-4.267-4.741-5.017c-.427-.49-1.081-.64-1.584-.262c-.38.286-4.035 3.273-5.035 4.507c-.774.955-.8 2.134-.079 2.856c.326.326.727.449 1.151.578c.552.169 1.763.068 2.47.775c1.133 1.133.54 2.924-.917 4.421c-1.497 1.457-3.288 2.05-4.421.917c-.708-.708-.606-1.918-.775-2.47c-.129-.424-.252-.824-.578-1.151c-.721-.721-1.9-.694-2.856.079c-1.235 1-4.221 4.655-4.507 5.035c-.379.503-.228 1.156.262 1.584c.75.654 4.887 4.611 5.017 4.741c1.324 1.324.915 2.12-.351 2.78c-.19.099-.53.229-1.029.728a3.744 3.744 0 0 0 5.295 5.295c.498-.498.629-.839.728-1.029c.66-1.266 1.455-1.676 2.78-.351c.13.13 4.087 4.267 4.741 5.017c.427.49 1.081.64 1.584.262c.38-.286 4.035-3.273 5.035-4.507c.774-.955.8-2.134.079-2.856c-.326-.326-.727-.449-1.151-.578c-.552-.169-1.763-.068-2.47-.775c-1.133-1.133-.54-2.924.917-4.421c1.497-1.457 3.288-2.05 4.421-.917c.708.708.606 1.918.775 2.47c.129.424.252.824.578 1.151c.721.721 1.9.694 2.856-.079c1.235-1 4.221-4.655 4.507-5.035c.379-.503.228-1.156-.262-1.584c-.75-.654-4.887-4.611-5.017-4.741c-1.324-1.324-.915-2.12.351-2.78c.19-.099.53-.229 1.029-.728a3.744 3.744 0 0 0-5.295-5.295"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#78b159" d="M26.093 4.612c-.498.498-.629.839-.728 1.029c-.66 1.266-1.455 1.676-2.78.351c-.13-.13-4.087-4.267-4.741-5.017c-.427-.49-1.081-.64-1.584-.262c-.38.286-4.035 3.273-5.035 4.507c-.774.955-.8 2.134-.079 2.856c.326.326.727.449 1.151.578c.552.169 1.763.068 2.47.775c1.133 1.133.54 2.924-.917 4.421c-1.497 1.457-3.288 2.05-4.421.917c-.708-.708-.606-1.918-.775-2.47c-.129-.424-.252-.824-.578-1.151c-.721-.721-1.9-.694-2.856.079c-1.235 1-4.221 4.655-4.507 5.035c-.379.503-.228 1.156.262 1.584c.75.654 4.887 4.611 5.017 4.741c1.324 1.324.915 2.12-.351 2.78c-.19.099-.53.229-1.029.728a3.744 3.744 0 0 0 5.295 5.295c.498-.498.629-.839.728-1.029c.66-1.266 1.455-1.676 2.78-.351c.13.13 4.087 4.267 4.741 5.017c.427.49 1.081.64 1.584.262c.38-.286 4.035-3.273 5.035-4.507c.774-.955.8-2.134.079-2.856c-.326-.326-.727-.449-1.151-.578c-.552-.169-1.763-.068-2.47-.775c-1.133-1.133-.54-2.924.917-4.421c1.497-1.457 3.288-2.05 4.421-.917c.708.708.606 1.918.775 2.47c.129.424.252.824.578 1.151c.721.721 1.9.694 2.856-.079c1.235-1 4.221-4.655 4.507-5.035c.379-.503.228-1.156-.262-1.584c-.75-.654-4.887-4.611-5.017-4.741c-1.324-1.324-.915-2.12.351-2.78c.19-.099.53-.229 1.029-.728a3.744 3.744 0 0 0-5.295-5.295"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2378b159%22%20d%3D%22M26.093%204.612c-.498.498-.629.839-.728%201.029c-.66%201.266-1.455%201.676-2.78.351c-.13-.13-4.087-4.267-4.741-5.017c-.427-.49-1.081-.64-1.584-.262c-.38.286-4.035%203.273-5.035%204.507c-.774.955-.8%202.134-.079%202.856c.326.326.727.449%201.151.578c.552.169%201.763.068%202.47.775c1.133%201.133.54%202.924-.917%204.421c-1.497%201.457-3.288%202.05-4.421.917c-.708-.708-.606-1.918-.775-2.47c-.129-.424-.252-.824-.578-1.151c-.721-.721-1.9-.694-2.856.079c-1.235%201-4.221%204.655-4.507%205.035c-.379.503-.228%201.156.262%201.584c.75.654%204.887%204.611%205.017%204.741c1.324%201.324.915%202.12-.351%202.78c-.19.099-.53.229-1.029.728a3.744%203.744%200%200%200%205.295%205.295c.498-.498.629-.839.728-1.029c.66-1.266%201.455-1.676%202.78-.351c.13.13%204.087%204.267%204.741%205.017c.427.49%201.081.64%201.584.262c.38-.286%204.035-3.273%205.035-4.507c.774-.955.8-2.134.079-2.856c-.326-.326-.727-.449-1.151-.578c-.552-.169-1.763-.068-2.47-.775c-1.133-1.133-.54-2.924.917-4.421c1.497-1.457%203.288-2.05%204.421-.917c.708.708.606%201.918.775%202.47c.129.424.252.824.578%201.151c.721.721%201.9.694%202.856-.079c1.235-1%204.221-4.655%204.507-5.035c.379-.503.228-1.156-.262-1.584c-.75-.654-4.887-4.611-5.017-4.741c-1.324-1.324-.915-2.12.351-2.78c.19-.099.53-.229%201.029-.728a3.744%203.744%200%200%200-5.295-5.295%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2378b159%22%20d%3D%22M26.093%204.612c-.498.498-.629.839-.728%201.029c-.66%201.266-1.455%201.676-2.78.351c-.13-.13-4.087-4.267-4.741-5.017c-.427-.49-1.081-.64-1.584-.262c-.38.286-4.035%203.273-5.035%204.507c-.774.955-.8%202.134-.079%202.856c.326.326.727.449%201.151.578c.552.169%201.763.068%202.47.775c1.133%201.133.54%202.924-.917%204.421c-1.497%201.457-3.288%202.05-4.421.917c-.708-.708-.606-1.918-.775-2.47c-.129-.424-.252-.824-.578-1.151c-.721-.721-1.9-.694-2.856.079c-1.235%201-4.221%204.655-4.507%205.035c-.379.503-.228%201.156.262%201.584c.75.654%204.887%204.611%205.017%204.741c1.324%201.324.915%202.12-.351%202.78c-.19.099-.53.229-1.029.728a3.744%203.744%200%200%200%205.295%205.295c.498-.498.629-.839.728-1.029c.66-1.266%201.455-1.676%202.78-.351c.13.13%204.087%204.267%204.741%205.017c.427.49%201.081.64%201.584.262c.38-.286%204.035-3.273%205.035-4.507c.774-.955.8-2.134.079-2.856c-.326-.326-.727-.449-1.151-.578c-.552-.169-1.763-.068-2.47-.775c-1.133-1.133-.54-2.924.917-4.421c1.497-1.457%203.288-2.05%204.421-.917c.708.708.606%201.918.775%202.47c.129.424.252.824.578%201.151c.721.721%201.9.694%202.856-.079c1.235-1%204.221-4.655%204.507-5.035c.379-.503.228-1.156-.262-1.584c-.75-.654-4.887-4.611-5.017-4.741c-1.324-1.324-.915-2.12.351-2.78c.19-.099.53-.229%201.029-.728a3.744%203.744%200%200%200-5.295-5.295%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/puzzle-piece.svg?color=%231a73e8&size=48
