palette icon
palette from Reicon by REICON · Outline · Tools · MIT Free for personal and commercial use.
- Name
- palette
- Set
- Reicon
- Style
- Outline
- Category
- Tools
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All palette icons →paletteBootstrap IconspaletteBoxIcons v2paletteBoxIcons v2 SolidpaletteFont Awesome 6 SolidpaletteFont Awesome Solidpalette-outlineFlowbite IconspaletteHuge IconspaletteIconoirpaletteKeyline IconspaletteLine AwesomepaletteLucidepaletteMaterial Icon ThemepaletteMaterial SymbolspaletteMaterial Symbols LightpaletteMaterial Design Iconspalette-fillMingCute IconpalettePhosphorpalettePrime Iconspalette-fillRemix Iconpalette-boldSolarpaletteTabler IconspaletteTDesign IconspaletteUnicons
More tools icons from Reicon
Use the palette icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.969 1.25h.062c.674 0 1.225 0 1.672.037c.463.037.882.118 1.272.317a3.25 3.25 0 0 1 1.42 1.42c.2.391.28.81.318 1.273c.037.447.037.998.037 1.672v.463l2.056-2.056c.476-.476.865-.865 1.207-1.156c.355-.3.708-.54 1.125-.675a3.25 3.25 0 0 1 2.008 0c.418.136.77.374 1.125.675c.342.29.732.68 1.208 1.156l.044.045c.476.476.866.865 1.156 1.208c.301.354.54.707.675 1.124a3.25 3.25 0 0 1 0 2.009c-.135.417-.374.77-.675 1.124c-.29.342-.68.732-1.156 1.208l-2.156 2.156h.664c.674 0 1.225 0 1.672.037c.463.037.882.118 1.273.317a3.25 3.25 0 0 1 1.42 1.42c.199.391.28.81.317 1.273c.037.447.037.998.037 1.672v.062c0 .674 0 1.225-.037 1.672c-.037.463-.118.882-.317 1.273a3.25 3.25 0 0 1-1.42 1.42c-.391.199-.81.28-1.273.317c-.447.037-.998.037-1.672.037H5.97c-.674 0-1.225 0-1.672-.037c-.463-.037-.882-.118-1.272-.317a3.25 3.25 0 0 1-1.42-1.42c-.2-.391-.28-.81-.318-1.273c-.037-.447-.037-.998-.037-1.672V5.97c0-.674 0-1.224.037-1.672c.037-.463.118-.882.317-1.272a3.25 3.25 0 0 1 1.42-1.42c.391-.2.81-.28 1.273-.318c.448-.037.998-.037 1.672-.037m4.27 20H18c.712 0 1.202 0 1.58-.032c.371-.03.57-.085.715-.159a1.75 1.75 0 0 0 .764-.765c.074-.144.13-.343.16-.713c.03-.38.031-.869.031-1.581s0-1.202-.032-1.58c-.03-.371-.085-.57-.159-.715a1.75 1.75 0 0 0-.765-.764c-.144-.074-.343-.13-.713-.16c-.38-.03-.869-.031-1.581-.031h-2.133l-5.176 5.176a3.1 3.1 0 0 1-.295 1.05a3 3 0 0 1-.157.274m.511-3.504l7.69-7.69c.504-.504.85-.85 1.096-1.14c.24-.284.342-.464.392-.618a1.75 1.75 0 0 0 0-1.081c-.05-.154-.152-.334-.392-.617c-.247-.29-.592-.637-1.096-1.14c-.504-.504-.85-.85-1.14-1.096c-.283-.24-.463-.342-.617-.392a1.75 1.75 0 0 0-1.082 0c-.153.05-.333.151-.617.392c-.29.246-.636.592-1.14 1.095l-2.142 2.142c-.621.622-.775.794-.857.992c-.081.196-.095.426-.095 1.294zm-1.5.295c0 .69-.001 1.168-.032 1.54c-.03.37-.085.57-.159.713a1.75 1.75 0 0 1-.765.765c-.144.074-.343.13-.713.16c-.38.03-.869.031-1.581.031s-1.202 0-1.58-.032c-.371-.03-.57-.085-.714-.159a1.75 1.75 0 0 1-.765-.765c-.074-.144-.13-.343-.16-.713c-.03-.38-.031-.869-.031-1.581V6c0-.712 0-1.202.032-1.58c.03-.371.085-.57.159-.714a1.75 1.75 0 0 1 .765-.765c.144-.074.343-.13.713-.16c.38-.03.869-.031 1.581-.031s1.202 0 1.58.032c.371.03.57.085.714.159c.33.168.597.435.765.765c.074.144.13.343.16.713c.03.38.031.869.031 1.581v12.041m-5 .959a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPalette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.969 1.25h.062c.674 0 1.225 0 1.672.037c.463.037.882.118 1.272.317a3.25 3.25 0 0 1 1.42 1.42c.2.391.28.81.318 1.273c.037.447.037.998.037 1.672v.463l2.056-2.056c.476-.476.865-.865 1.207-1.156c.355-.3.708-.54 1.125-.675a3.25 3.25 0 0 1 2.008 0c.418.136.77.374 1.125.675c.342.29.732.68 1.208 1.156l.044.045c.476.476.866.865 1.156 1.208c.301.354.54.707.675 1.124a3.25 3.25 0 0 1 0 2.009c-.135.417-.374.77-.675 1.124c-.29.342-.68.732-1.156 1.208l-2.156 2.156h.664c.674 0 1.225 0 1.672.037c.463.037.882.118 1.273.317a3.25 3.25 0 0 1 1.42 1.42c.199.391.28.81.317 1.273c.037.447.037.998.037 1.672v.062c0 .674 0 1.225-.037 1.672c-.037.463-.118.882-.317 1.273a3.25 3.25 0 0 1-1.42 1.42c-.391.199-.81.28-1.273.317c-.447.037-.998.037-1.672.037H5.97c-.674 0-1.225 0-1.672-.037c-.463-.037-.882-.118-1.272-.317a3.25 3.25 0 0 1-1.42-1.42c-.2-.391-.28-.81-.318-1.273c-.037-.447-.037-.998-.037-1.672V5.97c0-.674 0-1.224.037-1.672c.037-.463.118-.882.317-1.272a3.25 3.25 0 0 1 1.42-1.42c.391-.2.81-.28 1.273-.318c.448-.037.998-.037 1.672-.037m4.27 20H18c.712 0 1.202 0 1.58-.032c.371-.03.57-.085.715-.159a1.75 1.75 0 0 0 .764-.765c.074-.144.13-.343.16-.713c.03-.38.031-.869.031-1.581s0-1.202-.032-1.58c-.03-.371-.085-.57-.159-.715a1.75 1.75 0 0 0-.765-.764c-.144-.074-.343-.13-.713-.16c-.38-.03-.869-.031-1.581-.031h-2.133l-5.176 5.176a3.1 3.1 0 0 1-.295 1.05a3 3 0 0 1-.157.274m.511-3.504l7.69-7.69c.504-.504.85-.85 1.096-1.14c.24-.284.342-.464.392-.618a1.75 1.75 0 0 0 0-1.081c-.05-.154-.152-.334-.392-.617c-.247-.29-.592-.637-1.096-1.14c-.504-.504-.85-.85-1.14-1.096c-.283-.24-.463-.342-.617-.392a1.75 1.75 0 0 0-1.082 0c-.153.05-.333.151-.617.392c-.29.246-.636.592-1.14 1.095l-2.142 2.142c-.621.622-.775.794-.857.992c-.081.196-.095.426-.095 1.294zm-1.5.295c0 .69-.001 1.168-.032 1.54c-.03.37-.085.57-.159.713a1.75 1.75 0 0 1-.765.765c-.144.074-.343.13-.713.16c-.38.03-.869.031-1.581.031s-1.202 0-1.58-.032c-.371-.03-.57-.085-.714-.159a1.75 1.75 0 0 1-.765-.765c-.074-.144-.13-.343-.16-.713c-.03-.38-.031-.869-.031-1.581V6c0-.712 0-1.202.032-1.58c.03-.371.085-.57.159-.714a1.75 1.75 0 0 1 .765-.765c.144-.074.343-.13.713-.16c.38-.03.869-.031 1.581-.031s1.202 0 1.58.032c.371.03.57.085.714.159c.33.168.597.435.765.765c.074.144.13.343.16.713c.03.38.031.869.031 1.581v12.041m-5 .959a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.969 1.25h.062c.674 0 1.225 0 1.672.037c.463.037.882.118 1.272.317a3.25 3.25 0 0 1 1.42 1.42c.2.391.28.81.318 1.273c.037.447.037.998.037 1.672v.463l2.056-2.056c.476-.476.865-.865 1.207-1.156c.355-.3.708-.54 1.125-.675a3.25 3.25 0 0 1 2.008 0c.418.136.77.374 1.125.675c.342.29.732.68 1.208 1.156l.044.045c.476.476.866.865 1.156 1.208c.301.354.54.707.675 1.124a3.25 3.25 0 0 1 0 2.009c-.135.417-.374.77-.675 1.124c-.29.342-.68.732-1.156 1.208l-2.156 2.156h.664c.674 0 1.225 0 1.672.037c.463.037.882.118 1.273.317a3.25 3.25 0 0 1 1.42 1.42c.199.391.28.81.317 1.273c.037.447.037.998.037 1.672v.062c0 .674 0 1.225-.037 1.672c-.037.463-.118.882-.317 1.273a3.25 3.25 0 0 1-1.42 1.42c-.391.199-.81.28-1.273.317c-.447.037-.998.037-1.672.037H5.97c-.674 0-1.225 0-1.672-.037c-.463-.037-.882-.118-1.272-.317a3.25 3.25 0 0 1-1.42-1.42c-.2-.391-.28-.81-.318-1.273c-.037-.447-.037-.998-.037-1.672V5.97c0-.674 0-1.224.037-1.672c.037-.463.118-.882.317-1.272a3.25 3.25 0 0 1 1.42-1.42c.391-.2.81-.28 1.273-.318c.448-.037.998-.037 1.672-.037m4.27 20H18c.712 0 1.202 0 1.58-.032c.371-.03.57-.085.715-.159a1.75 1.75 0 0 0 .764-.765c.074-.144.13-.343.16-.713c.03-.38.031-.869.031-1.581s0-1.202-.032-1.58c-.03-.371-.085-.57-.159-.715a1.75 1.75 0 0 0-.765-.764c-.144-.074-.343-.13-.713-.16c-.38-.03-.869-.031-1.581-.031h-2.133l-5.176 5.176a3.1 3.1 0 0 1-.295 1.05a3 3 0 0 1-.157.274m.511-3.504l7.69-7.69c.504-.504.85-.85 1.096-1.14c.24-.284.342-.464.392-.618a1.75 1.75 0 0 0 0-1.081c-.05-.154-.152-.334-.392-.617c-.247-.29-.592-.637-1.096-1.14c-.504-.504-.85-.85-1.14-1.096c-.283-.24-.463-.342-.617-.392a1.75 1.75 0 0 0-1.082 0c-.153.05-.333.151-.617.392c-.29.246-.636.592-1.14 1.095l-2.142 2.142c-.621.622-.775.794-.857.992c-.081.196-.095.426-.095 1.294zm-1.5.295c0 .69-.001 1.168-.032 1.54c-.03.37-.085.57-.159.713a1.75 1.75 0 0 1-.765.765c-.144.074-.343.13-.713.16c-.38.03-.869.031-1.581.031s-1.202 0-1.58-.032c-.371-.03-.57-.085-.714-.159a1.75 1.75 0 0 1-.765-.765c-.074-.144-.13-.343-.16-.713c-.03-.38-.031-.869-.031-1.581V6c0-.712 0-1.202.032-1.58c.03-.371.085-.57.159-.714a1.75 1.75 0 0 1 .765-.765c.144-.074.343-.13.713-.16c.38-.03.869-.031 1.581-.031s1.202 0 1.58.032c.371.03.57.085.714.159c.33.168.597.435.765.765c.074.144.13.343.16.713c.03.38.031.869.031 1.581v12.041m-5 .959a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg> </template>
CSS
.icon-palette {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.969%201.25h.062c.674%200%201.225%200%201.672.037c.463.037.882.118%201.272.317a3.25%203.25%200%200%201%201.42%201.42c.2.391.28.81.318%201.273c.037.447.037.998.037%201.672v.463l2.056-2.056c.476-.476.865-.865%201.207-1.156c.355-.3.708-.54%201.125-.675a3.25%203.25%200%200%201%202.008%200c.418.136.77.374%201.125.675c.342.29.732.68%201.208%201.156l.044.045c.476.476.866.865%201.156%201.208c.301.354.54.707.675%201.124a3.25%203.25%200%200%201%200%202.009c-.135.417-.374.77-.675%201.124c-.29.342-.68.732-1.156%201.208l-2.156%202.156h.664c.674%200%201.225%200%201.672.037c.463.037.882.118%201.273.317a3.25%203.25%200%200%201%201.42%201.42c.199.391.28.81.317%201.273c.037.447.037.998.037%201.672v.062c0%20.674%200%201.225-.037%201.672c-.037.463-.118.882-.317%201.273a3.25%203.25%200%200%201-1.42%201.42c-.391.199-.81.28-1.273.317c-.447.037-.998.037-1.672.037H5.97c-.674%200-1.225%200-1.672-.037c-.463-.037-.882-.118-1.272-.317a3.25%203.25%200%200%201-1.42-1.42c-.2-.391-.28-.81-.318-1.273c-.037-.447-.037-.998-.037-1.672V5.97c0-.674%200-1.224.037-1.672c.037-.463.118-.882.317-1.272a3.25%203.25%200%200%201%201.42-1.42c.391-.2.81-.28%201.273-.318c.448-.037.998-.037%201.672-.037m4.27%2020H18c.712%200%201.202%200%201.58-.032c.371-.03.57-.085.715-.159a1.75%201.75%200%200%200%20.764-.765c.074-.144.13-.343.16-.713c.03-.38.031-.869.031-1.581s0-1.202-.032-1.58c-.03-.371-.085-.57-.159-.715a1.75%201.75%200%200%200-.765-.764c-.144-.074-.343-.13-.713-.16c-.38-.03-.869-.031-1.581-.031h-2.133l-5.176%205.176a3.1%203.1%200%200%201-.295%201.05a3%203%200%200%201-.157.274m.511-3.504l7.69-7.69c.504-.504.85-.85%201.096-1.14c.24-.284.342-.464.392-.618a1.75%201.75%200%200%200%200-1.081c-.05-.154-.152-.334-.392-.617c-.247-.29-.592-.637-1.096-1.14c-.504-.504-.85-.85-1.14-1.096c-.283-.24-.463-.342-.617-.392a1.75%201.75%200%200%200-1.082%200c-.153.05-.333.151-.617.392c-.29.246-.636.592-1.14%201.095l-2.142%202.142c-.621.622-.775.794-.857.992c-.081.196-.095.426-.095%201.294zm-1.5.295c0%20.69-.001%201.168-.032%201.54c-.03.37-.085.57-.159.713a1.75%201.75%200%200%201-.765.765c-.144.074-.343.13-.713.16c-.38.03-.869.031-1.581.031s-1.202%200-1.58-.032c-.371-.03-.57-.085-.714-.159a1.75%201.75%200%200%201-.765-.765c-.074-.144-.13-.343-.16-.713c-.03-.38-.031-.869-.031-1.581V6c0-.712%200-1.202.032-1.58c.03-.371.085-.57.159-.714a1.75%201.75%200%200%201%20.765-.765c.144-.074.343-.13.713-.16c.38-.03.869-.031%201.581-.031s1.202%200%201.58.032c.371.03.57.085.714.159c.33.168.597.435.765.765c.074.144.13.343.16.713c.03.38.031.869.031%201.581v12.041m-5%20.959a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.969%201.25h.062c.674%200%201.225%200%201.672.037c.463.037.882.118%201.272.317a3.25%203.25%200%200%201%201.42%201.42c.2.391.28.81.318%201.273c.037.447.037.998.037%201.672v.463l2.056-2.056c.476-.476.865-.865%201.207-1.156c.355-.3.708-.54%201.125-.675a3.25%203.25%200%200%201%202.008%200c.418.136.77.374%201.125.675c.342.29.732.68%201.208%201.156l.044.045c.476.476.866.865%201.156%201.208c.301.354.54.707.675%201.124a3.25%203.25%200%200%201%200%202.009c-.135.417-.374.77-.675%201.124c-.29.342-.68.732-1.156%201.208l-2.156%202.156h.664c.674%200%201.225%200%201.672.037c.463.037.882.118%201.273.317a3.25%203.25%200%200%201%201.42%201.42c.199.391.28.81.317%201.273c.037.447.037.998.037%201.672v.062c0%20.674%200%201.225-.037%201.672c-.037.463-.118.882-.317%201.273a3.25%203.25%200%200%201-1.42%201.42c-.391.199-.81.28-1.273.317c-.447.037-.998.037-1.672.037H5.97c-.674%200-1.225%200-1.672-.037c-.463-.037-.882-.118-1.272-.317a3.25%203.25%200%200%201-1.42-1.42c-.2-.391-.28-.81-.318-1.273c-.037-.447-.037-.998-.037-1.672V5.97c0-.674%200-1.224.037-1.672c.037-.463.118-.882.317-1.272a3.25%203.25%200%200%201%201.42-1.42c.391-.2.81-.28%201.273-.318c.448-.037.998-.037%201.672-.037m4.27%2020H18c.712%200%201.202%200%201.58-.032c.371-.03.57-.085.715-.159a1.75%201.75%200%200%200%20.764-.765c.074-.144.13-.343.16-.713c.03-.38.031-.869.031-1.581s0-1.202-.032-1.58c-.03-.371-.085-.57-.159-.715a1.75%201.75%200%200%200-.765-.764c-.144-.074-.343-.13-.713-.16c-.38-.03-.869-.031-1.581-.031h-2.133l-5.176%205.176a3.1%203.1%200%200%201-.295%201.05a3%203%200%200%201-.157.274m.511-3.504l7.69-7.69c.504-.504.85-.85%201.096-1.14c.24-.284.342-.464.392-.618a1.75%201.75%200%200%200%200-1.081c-.05-.154-.152-.334-.392-.617c-.247-.29-.592-.637-1.096-1.14c-.504-.504-.85-.85-1.14-1.096c-.283-.24-.463-.342-.617-.392a1.75%201.75%200%200%200-1.082%200c-.153.05-.333.151-.617.392c-.29.246-.636.592-1.14%201.095l-2.142%202.142c-.621.622-.775.794-.857.992c-.081.196-.095.426-.095%201.294zm-1.5.295c0%20.69-.001%201.168-.032%201.54c-.03.37-.085.57-.159.713a1.75%201.75%200%200%201-.765.765c-.144.074-.343.13-.713.16c-.38.03-.869.031-1.581.031s-1.202%200-1.58-.032c-.371-.03-.57-.085-.714-.159a1.75%201.75%200%200%201-.765-.765c-.074-.144-.13-.343-.16-.713c-.03-.38-.031-.869-.031-1.581V6c0-.712%200-1.202.032-1.58c.03-.371.085-.57.159-.714a1.75%201.75%200%200%201%20.765-.765c.144-.074.343-.13.713-.16c.38-.03.869-.031%201.581-.031s1.202%200%201.58.032c.371.03.57.085.714.159c.33.168.597.435.765.765c.074.144.13.343.16.713c.03.38.031.869.031%201.581v12.041m-5%20.959a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H5a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/palette.svg?color=%231a73e8&size=48
