md color palette icon
md-color-palette from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-color-palette
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- android-color-palette
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md color palette icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C150.401 64 64 150.401 64 256c0 105.604 86.401 192 192 192 18.136 0 32-13.864 32-32 0-8.531-3.198-16-8.531-21.333-5.333-5.334-8.531-12.803-8.531-21.334 0-18.135 13.864-32 32-32h38.396c58.667 0 106.667-48 106.667-106.666C448 140.802 361.604 64 256 64zM138.667 256c-18.136 0-32-13.864-32-32s13.864-32 32-32c18.135 0 32 13.864 32 32s-13.865 32-32 32zm64-85.333c-18.136 0-32-13.865-32-32 0-18.136 13.864-32 32-32 18.135 0 32 13.864 32 32 0 18.135-13.865 32-32 32zm106.666 0c-18.135 0-32-13.865-32-32 0-18.136 13.865-32 32-32 18.136 0 32 13.864 32 32 0 18.135-13.864 32-32 32zm64 85.333c-18.135 0-32-13.864-32-32s13.865-32 32-32c18.136 0 32 13.864 32 32s-13.864 32-32 32z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdColorPalette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C150.401 64 64 150.401 64 256c0 105.604 86.401 192 192 192 18.136 0 32-13.864 32-32 0-8.531-3.198-16-8.531-21.333-5.333-5.334-8.531-12.803-8.531-21.334 0-18.135 13.864-32 32-32h38.396c58.667 0 106.667-48 106.667-106.666C448 140.802 361.604 64 256 64zM138.667 256c-18.136 0-32-13.864-32-32s13.864-32 32-32c18.135 0 32 13.864 32 32s-13.865 32-32 32zm64-85.333c-18.136 0-32-13.865-32-32 0-18.136 13.864-32 32-32 18.135 0 32 13.864 32 32 0 18.135-13.865 32-32 32zm106.666 0c-18.135 0-32-13.865-32-32 0-18.136 13.865-32 32-32 18.136 0 32 13.864 32 32 0 18.135-13.864 32-32 32zm64 85.333c-18.135 0-32-13.864-32-32s13.865-32 32-32c18.136 0 32 13.864 32 32s-13.864 32-32 32z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 64C150.401 64 64 150.401 64 256c0 105.604 86.401 192 192 192 18.136 0 32-13.864 32-32 0-8.531-3.198-16-8.531-21.333-5.333-5.334-8.531-12.803-8.531-21.334 0-18.135 13.864-32 32-32h38.396c58.667 0 106.667-48 106.667-106.666C448 140.802 361.604 64 256 64zM138.667 256c-18.136 0-32-13.864-32-32s13.864-32 32-32c18.135 0 32 13.864 32 32s-13.865 32-32 32zm64-85.333c-18.136 0-32-13.865-32-32 0-18.136 13.864-32 32-32 18.135 0 32 13.864 32 32 0 18.135-13.865 32-32 32zm106.666 0c-18.135 0-32-13.865-32-32 0-18.136 13.865-32 32-32 18.136 0 32 13.864 32 32 0 18.135-13.864 32-32 32zm64 85.333c-18.135 0-32-13.864-32-32s13.865-32 32-32c18.136 0 32 13.864 32 32s-13.864 32-32 32z" fill="currentColor"/></svg> </template>
CSS
.icon-md-color-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%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C150.401%2064%2064%20150.401%2064%20256c0%20105.604%2086.401%20192%20192%20192%2018.136%200%2032-13.864%2032-32%200-8.531-3.198-16-8.531-21.333-5.333-5.334-8.531-12.803-8.531-21.334%200-18.135%2013.864-32%2032-32h38.396c58.667%200%20106.667-48%20106.667-106.666C448%20140.802%20361.604%2064%20256%2064zM138.667%20256c-18.136%200-32-13.864-32-32s13.864-32%2032-32c18.135%200%2032%2013.864%2032%2032s-13.865%2032-32%2032zm64-85.333c-18.136%200-32-13.865-32-32%200-18.136%2013.864-32%2032-32%2018.135%200%2032%2013.864%2032%2032%200%2018.135-13.865%2032-32%2032zm106.666%200c-18.135%200-32-13.865-32-32%200-18.136%2013.865-32%2032-32%2018.136%200%2032%2013.864%2032%2032%200%2018.135-13.864%2032-32%2032zm64%2085.333c-18.135%200-32-13.864-32-32s13.865-32%2032-32c18.136%200%2032%2013.864%2032%2032s-13.864%2032-32%2032z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C150.401%2064%2064%20150.401%2064%20256c0%20105.604%2086.401%20192%20192%20192%2018.136%200%2032-13.864%2032-32%200-8.531-3.198-16-8.531-21.333-5.333-5.334-8.531-12.803-8.531-21.334%200-18.135%2013.864-32%2032-32h38.396c58.667%200%20106.667-48%20106.667-106.666C448%20140.802%20361.604%2064%20256%2064zM138.667%20256c-18.136%200-32-13.864-32-32s13.864-32%2032-32c18.135%200%2032%2013.864%2032%2032s-13.865%2032-32%2032zm64-85.333c-18.136%200-32-13.865-32-32%200-18.136%2013.864-32%2032-32%2018.135%200%2032%2013.864%2032%2032%200%2018.135-13.865%2032-32%2032zm106.666%200c-18.135%200-32-13.865-32-32%200-18.136%2013.865-32%2032-32%2018.136%200%2032%2013.864%2032%2032%200%2018.135-13.864%2032-32%2032zm64%2085.333c-18.135%200-32-13.864-32-32s13.865-32%2032-32c18.136%200%2032%2013.864%2032%2032s-13.864%2032-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-color-palette.svg?color=%231a73e8&size=48
