palette 3 icon
palette-3-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- palette-3-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Related icons in MingCute Icon
Use the palette 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="currentColor" d="M18.104 7.5a1 1 0 0 0-1.732 1l.866-.5zM9.5 18.594a1 1 0 0 0 1 1.732l-.5-.866zm3-15.007a1 1 0 1 0-1 1.732l.5-.866zm4.464 4.887l.866.5zm2.928 4.124l.866-.5zM5 4v1h6V3H5zm7 1h-1v11h2V5zM4 16h1V5H3v11zm13.238-8l-.866.5l2.654 4.598l.866-.5l.866-.5L18.104 7.5zm2.288 5.964l-.5-.866L9.5 18.594l.5.866l.5.866l9.526-5.496zM12 4.453l-.5.866l4.598 2.655l.5-.866l.5-.866L12.5 3.587zm4.964 4.02l-.866-.5l-4.964 8.599l.866.5l.866.5l4.964-8.598zM8.5 16h-1a.5.5 0 0 1 .5-.5v2A1.5 1.5 0 0 0 9.5 16zm-.5.5v-1a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 8 17.5zm-.5-.5h1a.5.5 0 0 1-.5.5v-2A1.5 1.5 0 0 0 6.5 16zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 8 14.5zm8.598-8.392l-.5.866l.866.5l.866.5a2 2 0 0 0-.732-2.732zM8 20v-1a3 3 0 0 1-3-3H3a5 5 0 0 0 5 5zm4-4h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zM11 4v1h2a2 2 0 0 0-2-2zm8.892 8.598l-.866.5l.5.866l.5.866a2 2 0 0 0 .732-2.732zM5 4V3a2 2 0 0 0-2 2h2z"/></svg>
React
import type { SVGProps } from "react";
export function MingcutePalette3Line(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" d="M8.5 16a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="currentColor" d="M18.104 7.5a1 1 0 0 0-1.732 1l.866-.5zM9.5 18.594a1 1 0 0 0 1 1.732l-.5-.866zm3-15.007a1 1 0 1 0-1 1.732l.5-.866zm4.464 4.887l.866.5zm2.928 4.124l.866-.5zM5 4v1h6V3H5zm7 1h-1v11h2V5zM4 16h1V5H3v11zm13.238-8l-.866.5l2.654 4.598l.866-.5l.866-.5L18.104 7.5zm2.288 5.964l-.5-.866L9.5 18.594l.5.866l.5.866l9.526-5.496zM12 4.453l-.5.866l4.598 2.655l.5-.866l.5-.866L12.5 3.587zm4.964 4.02l-.866-.5l-4.964 8.599l.866.5l.866.5l4.964-8.598zM8.5 16h-1a.5.5 0 0 1 .5-.5v2A1.5 1.5 0 0 0 9.5 16zm-.5.5v-1a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 8 17.5zm-.5-.5h1a.5.5 0 0 1-.5.5v-2A1.5 1.5 0 0 0 6.5 16zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 8 14.5zm8.598-8.392l-.5.866l.866.5l.866.5a2 2 0 0 0-.732-2.732zM8 20v-1a3 3 0 0 1-3-3H3a5 5 0 0 0 5 5zm4-4h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zM11 4v1h2a2 2 0 0 0-2-2zm8.892 8.598l-.866.5l.5.866l.5.866a2 2 0 0 0 .732-2.732zM5 4V3a2 2 0 0 0-2 2h2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 16a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="currentColor" d="M18.104 7.5a1 1 0 0 0-1.732 1l.866-.5zM9.5 18.594a1 1 0 0 0 1 1.732l-.5-.866zm3-15.007a1 1 0 1 0-1 1.732l.5-.866zm4.464 4.887l.866.5zm2.928 4.124l.866-.5zM5 4v1h6V3H5zm7 1h-1v11h2V5zM4 16h1V5H3v11zm13.238-8l-.866.5l2.654 4.598l.866-.5l.866-.5L18.104 7.5zm2.288 5.964l-.5-.866L9.5 18.594l.5.866l.5.866l9.526-5.496zM12 4.453l-.5.866l4.598 2.655l.5-.866l.5-.866L12.5 3.587zm4.964 4.02l-.866-.5l-4.964 8.599l.866.5l.866.5l4.964-8.598zM8.5 16h-1a.5.5 0 0 1 .5-.5v2A1.5 1.5 0 0 0 9.5 16zm-.5.5v-1a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 8 17.5zm-.5-.5h1a.5.5 0 0 1-.5.5v-2A1.5 1.5 0 0 0 6.5 16zm.5-.5v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 8 14.5zm8.598-8.392l-.5.866l.866.5l.866.5a2 2 0 0 0-.732-2.732zM8 20v-1a3 3 0 0 1-3-3H3a5 5 0 0 0 5 5zm4-4h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zM11 4v1h2a2 2 0 0 0-2-2zm8.892 8.598l-.866.5l.5.866l.5.866a2 2 0 0 0 .732-2.732zM5 4V3a2 2 0 0 0-2 2h2z"/></svg> </template>
CSS
.icon-palette-3-line {
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%20d%3D%22M8.5%2016a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.104%207.5a1%201%200%200%200-1.732%201l.866-.5zM9.5%2018.594a1%201%200%200%200%201%201.732l-.5-.866zm3-15.007a1%201%200%201%200-1%201.732l.5-.866zm4.464%204.887l.866.5zm2.928%204.124l.866-.5zM5%204v1h6V3H5zm7%201h-1v11h2V5zM4%2016h1V5H3v11zm13.238-8l-.866.5l2.654%204.598l.866-.5l.866-.5L18.104%207.5zm2.288%205.964l-.5-.866L9.5%2018.594l.5.866l.5.866l9.526-5.496zM12%204.453l-.5.866l4.598%202.655l.5-.866l.5-.866L12.5%203.587zm4.964%204.02l-.866-.5l-4.964%208.599l.866.5l.866.5l4.964-8.598zM8.5%2016h-1a.5.5%200%200%201%20.5-.5v2A1.5%201.5%200%200%200%209.5%2016zm-.5.5v-1a.5.5%200%200%201%20.5.5h-2A1.5%201.5%200%200%200%208%2017.5zm-.5-.5h1a.5.5%200%200%201-.5.5v-2A1.5%201.5%200%200%200%206.5%2016zm.5-.5v1a.5.5%200%200%201-.5-.5h2A1.5%201.5%200%200%200%208%2014.5zm8.598-8.392l-.5.866l.866.5l.866.5a2%202%200%200%200-.732-2.732zM8%2020v-1a3%203%200%200%201-3-3H3a5%205%200%200%200%205%205zm4-4h-1a3%203%200%200%201-3%203v2a5%205%200%200%200%205-5zM11%204v1h2a2%202%200%200%200-2-2zm8.892%208.598l-.866.5l.5.866l.5.866a2%202%200%200%200%20.732-2.732zM5%204V3a2%202%200%200%200-2%202h2z%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%20d%3D%22M8.5%2016a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.104%207.5a1%201%200%200%200-1.732%201l.866-.5zM9.5%2018.594a1%201%200%200%200%201%201.732l-.5-.866zm3-15.007a1%201%200%201%200-1%201.732l.5-.866zm4.464%204.887l.866.5zm2.928%204.124l.866-.5zM5%204v1h6V3H5zm7%201h-1v11h2V5zM4%2016h1V5H3v11zm13.238-8l-.866.5l2.654%204.598l.866-.5l.866-.5L18.104%207.5zm2.288%205.964l-.5-.866L9.5%2018.594l.5.866l.5.866l9.526-5.496zM12%204.453l-.5.866l4.598%202.655l.5-.866l.5-.866L12.5%203.587zm4.964%204.02l-.866-.5l-4.964%208.599l.866.5l.866.5l4.964-8.598zM8.5%2016h-1a.5.5%200%200%201%20.5-.5v2A1.5%201.5%200%200%200%209.5%2016zm-.5.5v-1a.5.5%200%200%201%20.5.5h-2A1.5%201.5%200%200%200%208%2017.5zm-.5-.5h1a.5.5%200%200%201-.5.5v-2A1.5%201.5%200%200%200%206.5%2016zm.5-.5v1a.5.5%200%200%201-.5-.5h2A1.5%201.5%200%200%200%208%2014.5zm8.598-8.392l-.5.866l.866.5l.866.5a2%202%200%200%200-.732-2.732zM8%2020v-1a3%203%200%200%201-3-3H3a5%205%200%200%200%205%205zm4-4h-1a3%203%200%200%201-3%203v2a5%205%200%200%200%205-5zM11%204v1h2a2%202%200%200%200-2-2zm8.892%208.598l-.866.5l.5.866l.5.866a2%202%200%200%200%20.732-2.732zM5%204V3a2%202%200%200%200-2%202h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/palette-3-line.svg?color=%231a73e8&size=48
