prettier logo
prettier from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- prettier
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the prettier logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.571 23.429A.57.57 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572M8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143m-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143M16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16M2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143M9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143m-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.57.57 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.57.57 0 0 0 9.714 12m-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142m19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143M2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.57.57 0 0 0-.571.572m-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.57.57 0 0 0-.572.572zm-1.143 0a.57.57 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.57.57 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143m5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.57.57 0 0 0-.571.571m-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsPrettier(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.571 23.429A.57.57 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572M8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143m-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143M16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16M2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143M9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143m-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.57.57 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.57.57 0 0 0 9.714 12m-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142m19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143M2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.57.57 0 0 0-.571.572m-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.57.57 0 0 0-.572.572zm-1.143 0a.57.57 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.57.57 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143m5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.57.57 0 0 0-.571.571m-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143"/></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.571 23.429A.57.57 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572M8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143m-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143M16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16M2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143M9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143m-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.57.57 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.57.57 0 0 0 9.714 12m-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142m19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143M2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.57.57 0 0 0-.571.572m-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.57.57 0 0 0-.572.572zm-1.143 0a.57.57 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.57.57 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143m5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.57.57 0 0 0-.571.571m-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143"/></svg> </template>
CSS
.icon-prettier {
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.571%2023.429A.57.57%200%200%201%208%2024H2.286a.571.571%200%200%201%200-1.143H8c.316%200%20.571.256.571.572M8%2020.57H6.857a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143m-5.714%201.143H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143M8%2018.286H2.286a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143M16%2016H5.714a.571.571%200%200%200%200%201.143H16A.571.571%200%200%200%2016%2016M2.286%2017.143h1.143a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m17.143-3.429H16a.571.571%200%200%200%200%201.143h3.429a.571.571%200%200%200%200-1.143M9.143%2014.857h4.571a.571.571%200%200%200%200-1.143H9.143a.571.571%200%200%200%200%201.143m-6.857%200h4.571a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143M20.57%2011.43h-9.14a.571.571%200%200%200%200%201.142h9.142a.571.571%200%200%200%200-1.142zM9.714%2012a.57.57%200%200%200-.571-.571H5.714a.571.571%200%200%200%200%201.142h3.429A.57.57%200%200%200%209.714%2012m-7.428.571h1.143a.571.571%200%200%200%200-1.142H2.286a.571.571%200%200%200%200%201.142m19.428-3.428H16a.571.571%200%200%200%200%201.143h5.714a.571.571%200%200%200%200-1.143M2.286%2010.286H8a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m13.143-2.857A.57.57%200%200%200%2016%208h5.714a.571.571%200%200%200%200-1.143H16a.57.57%200%200%200-.571.572m-8.572-.572a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143zM2.286%208H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m16.571-2.857c0%20.315.256.571.572.571h1.142a.571.571%200%200%200%200-1.143H19.43a.57.57%200%200%200-.572.572zm-1.143%200a.57.57%200%200%200-.571-.572H12.57a.571.571%200%200%200%200%201.143h4.572a.57.57%200%200%200%20.571-.571zm-15.428.571h8a.571.571%200%200%200%200-1.143h-8a.571.571%200%200%200%200%201.143m5.143-2.857c0%20.316.255.572.571.572h11.429a.571.571%200%200%200%200-1.143H8a.57.57%200%200%200-.571.571m-5.143.572h3.428a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m0-2.286H16A.571.571%200%200%200%2016%200H2.286a.571.571%200%200%200%200%201.143%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.571%2023.429A.57.57%200%200%201%208%2024H2.286a.571.571%200%200%201%200-1.143H8c.316%200%20.571.256.571.572M8%2020.57H6.857a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143m-5.714%201.143H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143M8%2018.286H2.286a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143M16%2016H5.714a.571.571%200%200%200%200%201.143H16A.571.571%200%200%200%2016%2016M2.286%2017.143h1.143a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m17.143-3.429H16a.571.571%200%200%200%200%201.143h3.429a.571.571%200%200%200%200-1.143M9.143%2014.857h4.571a.571.571%200%200%200%200-1.143H9.143a.571.571%200%200%200%200%201.143m-6.857%200h4.571a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143M20.57%2011.43h-9.14a.571.571%200%200%200%200%201.142h9.142a.571.571%200%200%200%200-1.142zM9.714%2012a.57.57%200%200%200-.571-.571H5.714a.571.571%200%200%200%200%201.142h3.429A.57.57%200%200%200%209.714%2012m-7.428.571h1.143a.571.571%200%200%200%200-1.142H2.286a.571.571%200%200%200%200%201.142m19.428-3.428H16a.571.571%200%200%200%200%201.143h5.714a.571.571%200%200%200%200-1.143M2.286%2010.286H8a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m13.143-2.857A.57.57%200%200%200%2016%208h5.714a.571.571%200%200%200%200-1.143H16a.57.57%200%200%200-.571.572m-8.572-.572a.571.571%200%200%200%200%201.143H8a.571.571%200%200%200%200-1.143zM2.286%208H4.57a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m16.571-2.857c0%20.315.256.571.572.571h1.142a.571.571%200%200%200%200-1.143H19.43a.57.57%200%200%200-.572.572zm-1.143%200a.57.57%200%200%200-.571-.572H12.57a.571.571%200%200%200%200%201.143h4.572a.57.57%200%200%200%20.571-.571zm-15.428.571h8a.571.571%200%200%200%200-1.143h-8a.571.571%200%200%200%200%201.143m5.143-2.857c0%20.316.255.572.571.572h11.429a.571.571%200%200%200%200-1.143H8a.57.57%200%200%200-.571.571m-5.143.572h3.428a.571.571%200%200%200%200-1.143H2.286a.571.571%200%200%200%200%201.143m0-2.286H16A.571.571%200%200%200%2016%200H2.286a.571.571%200%200%200%200%201.143%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/prettier.svg?color=%231a73e8&size=48
