puzzle piece icon
puzzle-piece from Font Awesome Solid by Dave Gandy · Solid · Games · CC-BY-4.0 Attribution required.
- Name
- puzzle-piece
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Games
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
puzzle-pieceFont Awesome 6 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-pieceTwitter Emojipuzzle-pieceUnicons
More games icons from Font Awesome Solid
Use the puzzle piece icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288 64c35.3 0 64 21.5 64 48c0 10.4-4.4 20-12 27.9c-6.6 6.9-12 15.3-12 24.9c0 15 12.2 27.2 27.2 27.2H400c26.5 0 48 21.5 48 48v44.8c0 15 12.2 27.2 27.2 27.2c9.5 0 18-5.4 24.9-12c7.9-7.5 17.5-12 27.9-12c26.5 0 48 28.7 48 64s-21.5 64-48 64c-10.4 0-20.1-4.4-27.9-12c-6.9-6.6-15.3-12-24.9-12c-15 0-27.2 12.2-27.2 27.2V528c0 26.5-21.5 48-48 48h-56.8c-12.8 0-23.2-10.4-23.2-23.2c0-9.2 5.8-17.3 13.2-22.8c11.6-8.7 18.8-20.7 18.8-34c0-26.5-28.7-48-64-48s-64 21.5-64 48c0 13.3 7.2 25.3 18.8 34c7.4 5.5 13.2 13.5 13.2 22.8c0 12.8-10.4 23.2-23.2 23.2H112c-26.5 0-48-21.5-48-48V407.2c0-12.8 10.4-23.2 23.2-23.2c9.2 0 17.3 5.8 22.8 13.2c8.7 11.6 20.7 18.8 34 18.8c26.5 0 48-28.7 48-64s-21.5-64-48-64c-13.3 0-25.3 7.2-34 18.8c-5.5 7.4-13.5 13.2-22.8 13.2c-12.8 0-23.2-10.4-23.2-23.2V240c0-26.5 21.5-48 48-48h108.8c15 0 27.2-12.2 27.2-27.2c0-9.5-5.4-18-12-24.9c-7.5-7.9-12-17.5-12-27.9c0-26.5 28.7-48 64-48"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidPuzzlePiece(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288 64c35.3 0 64 21.5 64 48c0 10.4-4.4 20-12 27.9c-6.6 6.9-12 15.3-12 24.9c0 15 12.2 27.2 27.2 27.2H400c26.5 0 48 21.5 48 48v44.8c0 15 12.2 27.2 27.2 27.2c9.5 0 18-5.4 24.9-12c7.9-7.5 17.5-12 27.9-12c26.5 0 48 28.7 48 64s-21.5 64-48 64c-10.4 0-20.1-4.4-27.9-12c-6.9-6.6-15.3-12-24.9-12c-15 0-27.2 12.2-27.2 27.2V528c0 26.5-21.5 48-48 48h-56.8c-12.8 0-23.2-10.4-23.2-23.2c0-9.2 5.8-17.3 13.2-22.8c11.6-8.7 18.8-20.7 18.8-34c0-26.5-28.7-48-64-48s-64 21.5-64 48c0 13.3 7.2 25.3 18.8 34c7.4 5.5 13.2 13.5 13.2 22.8c0 12.8-10.4 23.2-23.2 23.2H112c-26.5 0-48-21.5-48-48V407.2c0-12.8 10.4-23.2 23.2-23.2c9.2 0 17.3 5.8 22.8 13.2c8.7 11.6 20.7 18.8 34 18.8c26.5 0 48-28.7 48-64s-21.5-64-48-64c-13.3 0-25.3 7.2-34 18.8c-5.5 7.4-13.5 13.2-22.8 13.2c-12.8 0-23.2-10.4-23.2-23.2V240c0-26.5 21.5-48 48-48h108.8c15 0 27.2-12.2 27.2-27.2c0-9.5-5.4-18-12-24.9c-7.5-7.9-12-17.5-12-27.9c0-26.5 28.7-48 64-48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M288 64c35.3 0 64 21.5 64 48c0 10.4-4.4 20-12 27.9c-6.6 6.9-12 15.3-12 24.9c0 15 12.2 27.2 27.2 27.2H400c26.5 0 48 21.5 48 48v44.8c0 15 12.2 27.2 27.2 27.2c9.5 0 18-5.4 24.9-12c7.9-7.5 17.5-12 27.9-12c26.5 0 48 28.7 48 64s-21.5 64-48 64c-10.4 0-20.1-4.4-27.9-12c-6.9-6.6-15.3-12-24.9-12c-15 0-27.2 12.2-27.2 27.2V528c0 26.5-21.5 48-48 48h-56.8c-12.8 0-23.2-10.4-23.2-23.2c0-9.2 5.8-17.3 13.2-22.8c11.6-8.7 18.8-20.7 18.8-34c0-26.5-28.7-48-64-48s-64 21.5-64 48c0 13.3 7.2 25.3 18.8 34c7.4 5.5 13.2 13.5 13.2 22.8c0 12.8-10.4 23.2-23.2 23.2H112c-26.5 0-48-21.5-48-48V407.2c0-12.8 10.4-23.2 23.2-23.2c9.2 0 17.3 5.8 22.8 13.2c8.7 11.6 20.7 18.8 34 18.8c26.5 0 48-28.7 48-64s-21.5-64-48-64c-13.3 0-25.3 7.2-34 18.8c-5.5 7.4-13.5 13.2-22.8 13.2c-12.8 0-23.2-10.4-23.2-23.2V240c0-26.5 21.5-48 48-48h108.8c15 0 27.2-12.2 27.2-27.2c0-9.5-5.4-18-12-24.9c-7.5-7.9-12-17.5-12-27.9c0-26.5 28.7-48 64-48"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M288%2064c35.3%200%2064%2021.5%2064%2048c0%2010.4-4.4%2020-12%2027.9c-6.6%206.9-12%2015.3-12%2024.9c0%2015%2012.2%2027.2%2027.2%2027.2H400c26.5%200%2048%2021.5%2048%2048v44.8c0%2015%2012.2%2027.2%2027.2%2027.2c9.5%200%2018-5.4%2024.9-12c7.9-7.5%2017.5-12%2027.9-12c26.5%200%2048%2028.7%2048%2064s-21.5%2064-48%2064c-10.4%200-20.1-4.4-27.9-12c-6.9-6.6-15.3-12-24.9-12c-15%200-27.2%2012.2-27.2%2027.2V528c0%2026.5-21.5%2048-48%2048h-56.8c-12.8%200-23.2-10.4-23.2-23.2c0-9.2%205.8-17.3%2013.2-22.8c11.6-8.7%2018.8-20.7%2018.8-34c0-26.5-28.7-48-64-48s-64%2021.5-64%2048c0%2013.3%207.2%2025.3%2018.8%2034c7.4%205.5%2013.2%2013.5%2013.2%2022.8c0%2012.8-10.4%2023.2-23.2%2023.2H112c-26.5%200-48-21.5-48-48V407.2c0-12.8%2010.4-23.2%2023.2-23.2c9.2%200%2017.3%205.8%2022.8%2013.2c8.7%2011.6%2020.7%2018.8%2034%2018.8c26.5%200%2048-28.7%2048-64s-21.5-64-48-64c-13.3%200-25.3%207.2-34%2018.8c-5.5%207.4-13.5%2013.2-22.8%2013.2c-12.8%200-23.2-10.4-23.2-23.2V240c0-26.5%2021.5-48%2048-48h108.8c15%200%2027.2-12.2%2027.2-27.2c0-9.5-5.4-18-12-24.9c-7.5-7.9-12-17.5-12-27.9c0-26.5%2028.7-48%2064-48%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M288%2064c35.3%200%2064%2021.5%2064%2048c0%2010.4-4.4%2020-12%2027.9c-6.6%206.9-12%2015.3-12%2024.9c0%2015%2012.2%2027.2%2027.2%2027.2H400c26.5%200%2048%2021.5%2048%2048v44.8c0%2015%2012.2%2027.2%2027.2%2027.2c9.5%200%2018-5.4%2024.9-12c7.9-7.5%2017.5-12%2027.9-12c26.5%200%2048%2028.7%2048%2064s-21.5%2064-48%2064c-10.4%200-20.1-4.4-27.9-12c-6.9-6.6-15.3-12-24.9-12c-15%200-27.2%2012.2-27.2%2027.2V528c0%2026.5-21.5%2048-48%2048h-56.8c-12.8%200-23.2-10.4-23.2-23.2c0-9.2%205.8-17.3%2013.2-22.8c11.6-8.7%2018.8-20.7%2018.8-34c0-26.5-28.7-48-64-48s-64%2021.5-64%2048c0%2013.3%207.2%2025.3%2018.8%2034c7.4%205.5%2013.2%2013.5%2013.2%2022.8c0%2012.8-10.4%2023.2-23.2%2023.2H112c-26.5%200-48-21.5-48-48V407.2c0-12.8%2010.4-23.2%2023.2-23.2c9.2%200%2017.3%205.8%2022.8%2013.2c8.7%2011.6%2020.7%2018.8%2034%2018.8c26.5%200%2048-28.7%2048-64s-21.5-64-48-64c-13.3%200-25.3%207.2-34%2018.8c-5.5%207.4-13.5%2013.2-22.8%2013.2c-12.8%200-23.2-10.4-23.2-23.2V240c0-26.5%2021.5-48%2048-48h108.8c15%200%2027.2-12.2%2027.2-27.2c0-9.5-5.4-18-12-24.9c-7.5-7.9-12-17.5-12-27.9c0-26.5%2028.7-48%2064-48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/puzzle-piece.svg?color=%231a73e8&size=48
