plop logo
plop from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- plop
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 250×250
- License
- MIT
The same logo in other sets
Use the plop logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 250 250"><path fill="#00bfa5" d="M60.095 155.16c2.82 36.962 27.499 69.519 64.554 69.541h.702c37.056-.022 61.735-32.579 64.554-69.541q.12-1.556.12-3.197v-.044c-.008-16.32-8.724-38.965-25.764-65.777a5571 5571 0 0 0-26.79-41.696a5949 5949 0 0 0-8.84-13.598l-2.479-3.796l-.653-1l-.499-.76l-.498.76l-.654 1l-2.478 3.797a5896 5896 0 0 0-8.842 13.597A5572 5572 0 0 0 85.74 86.142c-17.047 26.825-25.764 49.479-25.764 65.799q0 1.653.12 3.22zm31.661-2.755c1.444 18.924 14.084 35.594 33.065 35.605h.359c18.98-.012 31.62-16.681 33.065-35.605q.06-.796.061-1.637v-.023c-.004-8.355-4.468-19.95-13.197-33.678a2858 2858 0 0 0-13.72-21.348a3425 3425 0 0 0-5.8-8.906l-.589-.901l-.59.901a2608 2608 0 0 0-5.798 8.906a2858 2858 0 0 0-13.72 21.348c-8.732 13.734-13.197 25.333-13.197 33.69q0 .846.061 1.647z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemePlop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 250 250"><path fill="#00bfa5" d="M60.095 155.16c2.82 36.962 27.499 69.519 64.554 69.541h.702c37.056-.022 61.735-32.579 64.554-69.541q.12-1.556.12-3.197v-.044c-.008-16.32-8.724-38.965-25.764-65.777a5571 5571 0 0 0-26.79-41.696a5949 5949 0 0 0-8.84-13.598l-2.479-3.796l-.653-1l-.499-.76l-.498.76l-.654 1l-2.478 3.797a5896 5896 0 0 0-8.842 13.597A5572 5572 0 0 0 85.74 86.142c-17.047 26.825-25.764 49.479-25.764 65.799q0 1.653.12 3.22zm31.661-2.755c1.444 18.924 14.084 35.594 33.065 35.605h.359c18.98-.012 31.62-16.681 33.065-35.605q.06-.796.061-1.637v-.023c-.004-8.355-4.468-19.95-13.197-33.678a2858 2858 0 0 0-13.72-21.348a3425 3425 0 0 0-5.8-8.906l-.589-.901l-.59.901a2608 2608 0 0 0-5.798 8.906a2858 2858 0 0 0-13.72 21.348c-8.732 13.734-13.197 25.333-13.197 33.69q0 .846.061 1.647z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 250 250"><path fill="#00bfa5" d="M60.095 155.16c2.82 36.962 27.499 69.519 64.554 69.541h.702c37.056-.022 61.735-32.579 64.554-69.541q.12-1.556.12-3.197v-.044c-.008-16.32-8.724-38.965-25.764-65.777a5571 5571 0 0 0-26.79-41.696a5949 5949 0 0 0-8.84-13.598l-2.479-3.796l-.653-1l-.499-.76l-.498.76l-.654 1l-2.478 3.797a5896 5896 0 0 0-8.842 13.597A5572 5572 0 0 0 85.74 86.142c-17.047 26.825-25.764 49.479-25.764 65.799q0 1.653.12 3.22zm31.661-2.755c1.444 18.924 14.084 35.594 33.065 35.605h.359c18.98-.012 31.62-16.681 33.065-35.605q.06-.796.061-1.637v-.023c-.004-8.355-4.468-19.95-13.197-33.678a2858 2858 0 0 0-13.72-21.348a3425 3425 0 0 0-5.8-8.906l-.589-.901l-.59.901a2608 2608 0 0 0-5.798 8.906a2858 2858 0 0 0-13.72 21.348c-8.732 13.734-13.197 25.333-13.197 33.69q0 .846.061 1.647z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-plop {
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%20250%20250%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M60.095%20155.16c2.82%2036.962%2027.499%2069.519%2064.554%2069.541h.702c37.056-.022%2061.735-32.579%2064.554-69.541q.12-1.556.12-3.197v-.044c-.008-16.32-8.724-38.965-25.764-65.777a5571%205571%200%200%200-26.79-41.696a5949%205949%200%200%200-8.84-13.598l-2.479-3.796l-.653-1l-.499-.76l-.498.76l-.654%201l-2.478%203.797a5896%205896%200%200%200-8.842%2013.597A5572%205572%200%200%200%2085.74%2086.142c-17.047%2026.825-25.764%2049.479-25.764%2065.799q0%201.653.12%203.22zm31.661-2.755c1.444%2018.924%2014.084%2035.594%2033.065%2035.605h.359c18.98-.012%2031.62-16.681%2033.065-35.605q.06-.796.061-1.637v-.023c-.004-8.355-4.468-19.95-13.197-33.678a2858%202858%200%200%200-13.72-21.348a3425%203425%200%200%200-5.8-8.906l-.589-.901l-.59.901a2608%202608%200%200%200-5.798%208.906a2858%202858%200%200%200-13.72%2021.348c-8.732%2013.734-13.197%2025.333-13.197%2033.69q0%20.846.061%201.647z%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%20250%20250%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M60.095%20155.16c2.82%2036.962%2027.499%2069.519%2064.554%2069.541h.702c37.056-.022%2061.735-32.579%2064.554-69.541q.12-1.556.12-3.197v-.044c-.008-16.32-8.724-38.965-25.764-65.777a5571%205571%200%200%200-26.79-41.696a5949%205949%200%200%200-8.84-13.598l-2.479-3.796l-.653-1l-.499-.76l-.498.76l-.654%201l-2.478%203.797a5896%205896%200%200%200-8.842%2013.597A5572%205572%200%200%200%2085.74%2086.142c-17.047%2026.825-25.764%2049.479-25.764%2065.799q0%201.653.12%203.22zm31.661-2.755c1.444%2018.924%2014.084%2035.594%2033.065%2035.605h.359c18.98-.012%2031.62-16.681%2033.065-35.605q.06-.796.061-1.637v-.023c-.004-8.355-4.468-19.95-13.197-33.678a2858%202858%200%200%200-13.72-21.348a3425%203425%200%200%200-5.8-8.906l-.589-.901l-.59.901a2608%202608%200%200%200-5.798%208.906a2858%202858%200%200%200-13.72%2021.348c-8.732%2013.734-13.197%2025.333-13.197%2033.69q0%20.846.061%201.647z%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/material-icon-theme/plop.svg?color=%231a73e8&size=48
