palette round icon
palette-round-bold from Solar by 480 Design · Bold · Tools · CC-BY-4.0 Attribution required.
- Name
- palette-round-bold
- Set
- Solar
- Style
- Bold
- Category
- Tools
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More tools icons from Solar
align-bottom-boldalign-horizontal-center-boldalign-horizontal-spacing-boldalign-left-boldalign-right-boldalign-top-boldalign-vertical-center-boldalign-vertical-spacing-boldcolour-tuning-boldcrop-boldcrop-minimalistic-boldfilters-boldflip-horizontal-boldflip-vertical-boldframe-boldlayers-boldlayers-minimalistic-boldmirror-left-boldmirror-right-boldpaint-brush-boldpaint-roller-boldpalette-2-boldpalette-boldpipette-bold
Use the palette round icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.8994 22C20.1086 22 21.8994 20.2091 21.8994 18C21.8994 15.7909 20.1086 14 17.8994 14H17.6797L11.878 19.798C11.636 20.0399 11.5 20.3391 11.5 20.6813C11.5 21.3936 12.0774 22 12.7897 22H17.8994Z"/><path d="M13.2839 4.95882L12.2291 6.01357C11.7633 6.48107 11.5012 7.11381 11.5 7.7738L11.5 16.0119C11.5 17.0666 11.5 17.5939 11.8135 17.7199C12.1271 17.8459 12.492 17.4653 13.2219 16.704L19.0599 10.6144C20.5819 9.02691 20.5554 6.51391 19.0003 4.95883C17.4218 3.38026 14.8624 3.38026 13.2839 4.95882Z"/><path fill-rule="evenodd" d="M10 6V18C10 20.2091 8.20914 22 6 22C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6ZM6 19C6.55228 19 7 18.5523 7 18C7 17.4477 6.55228 17 6 17C5.44772 17 5 17.4477 5 18C5 18.5523 5.44772 19 6 19Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPaletteRoundBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.8994 22C20.1086 22 21.8994 20.2091 21.8994 18C21.8994 15.7909 20.1086 14 17.8994 14H17.6797L11.878 19.798C11.636 20.0399 11.5 20.3391 11.5 20.6813C11.5 21.3936 12.0774 22 12.7897 22H17.8994Z"/><path d="M13.2839 4.95882L12.2291 6.01357C11.7633 6.48107 11.5012 7.11381 11.5 7.7738L11.5 16.0119C11.5 17.0666 11.5 17.5939 11.8135 17.7199C12.1271 17.8459 12.492 17.4653 13.2219 16.704L19.0599 10.6144C20.5819 9.02691 20.5554 6.51391 19.0003 4.95883C17.4218 3.38026 14.8624 3.38026 13.2839 4.95882Z"/><path fillRule="evenodd" d="M10 6V18C10 20.2091 8.20914 22 6 22C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6ZM6 19C6.55228 19 7 18.5523 7 18C7 17.4477 6.55228 17 6 17C5.44772 17 5 17.4477 5 18C5 18.5523 5.44772 19 6 19Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.8994 22C20.1086 22 21.8994 20.2091 21.8994 18C21.8994 15.7909 20.1086 14 17.8994 14H17.6797L11.878 19.798C11.636 20.0399 11.5 20.3391 11.5 20.6813C11.5 21.3936 12.0774 22 12.7897 22H17.8994Z"/><path d="M13.2839 4.95882L12.2291 6.01357C11.7633 6.48107 11.5012 7.11381 11.5 7.7738L11.5 16.0119C11.5 17.0666 11.5 17.5939 11.8135 17.7199C12.1271 17.8459 12.492 17.4653 13.2219 16.704L19.0599 10.6144C20.5819 9.02691 20.5554 6.51391 19.0003 4.95883C17.4218 3.38026 14.8624 3.38026 13.2839 4.95882Z"/><path fill-rule="evenodd" d="M10 6V18C10 20.2091 8.20914 22 6 22C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6ZM6 19C6.55228 19 7 18.5523 7 18C7 17.4477 6.55228 17 6 17C5.44772 17 5 17.4477 5 18C5 18.5523 5.44772 19 6 19Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-palette-round-bold {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17.8994%2022C20.1086%2022%2021.8994%2020.2091%2021.8994%2018C21.8994%2015.7909%2020.1086%2014%2017.8994%2014H17.6797L11.878%2019.798C11.636%2020.0399%2011.5%2020.3391%2011.5%2020.6813C11.5%2021.3936%2012.0774%2022%2012.7897%2022H17.8994Z%22%2F%3E%3Cpath%20d%3D%22M13.2839%204.95882L12.2291%206.01357C11.7633%206.48107%2011.5012%207.11381%2011.5%207.7738L11.5%2016.0119C11.5%2017.0666%2011.5%2017.5939%2011.8135%2017.7199C12.1271%2017.8459%2012.492%2017.4653%2013.2219%2016.704L19.0599%2010.6144C20.5819%209.02691%2020.5554%206.51391%2019.0003%204.95883C17.4218%203.38026%2014.8624%203.38026%2013.2839%204.95882Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%206V18C10%2020.2091%208.20914%2022%206%2022C3.79086%2022%202%2020.2091%202%2018V6C2%203.79086%203.79086%202%206%202C8.20914%202%2010%203.79086%2010%206ZM6%2019C6.55228%2019%207%2018.5523%207%2018C7%2017.4477%206.55228%2017%206%2017C5.44772%2017%205%2017.4477%205%2018C5%2018.5523%205.44772%2019%206%2019Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17.8994%2022C20.1086%2022%2021.8994%2020.2091%2021.8994%2018C21.8994%2015.7909%2020.1086%2014%2017.8994%2014H17.6797L11.878%2019.798C11.636%2020.0399%2011.5%2020.3391%2011.5%2020.6813C11.5%2021.3936%2012.0774%2022%2012.7897%2022H17.8994Z%22%2F%3E%3Cpath%20d%3D%22M13.2839%204.95882L12.2291%206.01357C11.7633%206.48107%2011.5012%207.11381%2011.5%207.7738L11.5%2016.0119C11.5%2017.0666%2011.5%2017.5939%2011.8135%2017.7199C12.1271%2017.8459%2012.492%2017.4653%2013.2219%2016.704L19.0599%2010.6144C20.5819%209.02691%2020.5554%206.51391%2019.0003%204.95883C17.4218%203.38026%2014.8624%203.38026%2013.2839%204.95882Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%206V18C10%2020.2091%208.20914%2022%206%2022C3.79086%2022%202%2020.2091%202%2018V6C2%203.79086%203.79086%202%206%202C8.20914%202%2010%203.79086%2010%206ZM6%2019C6.55228%2019%207%2018.5523%207%2018C7%2017.4477%206.55228%2017%206%2017C5.44772%2017%205%2017.4477%205%2018C5%2018.5523%205.44772%2019%206%2019Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/palette-round-bold.svg?color=%231a73e8&size=48
