caddy logo

caddy from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
caddy
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

The same logo in other sets

caddyCatppuccin IconscaddySimple Icons

Use the caddy logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#4fc3f7" d="M20 22v-3.53q-.008-.155-.011-.31q-.003-.436-.041-.87a5.3 5.3 0 0 0-.18-.994a2.9 2.9 0 0 0-1.026-1.563A4.42 4.42 0 0 0 16.017 14a4.5 4.5 0 0 0-2.762.74a2.9 2.9 0 0 0-1.05 1.57a5 5 0 0 0-.186 1.073q-.029.448-.014.897l.004.191v3.53Z"/><path fill="#4fc3f7" d="M29 19c0-7.409-5.268-13-13-13S3 11.591 3 19c-.003 2.317 0 5 1 7.026v-.84c.001-1.673 2.264-3.002 4-3.186v-4.438C8 12.38 10.388 9.931 16 10c5.612-.07 8 2.38 8 7.562V22c1.736.184 3.999 1.513 4 3.187v.839C29 24 29.003 21.317 29 19"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeCaddy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#4fc3f7" d="M20 22v-3.53q-.008-.155-.011-.31q-.003-.436-.041-.87a5.3 5.3 0 0 0-.18-.994a2.9 2.9 0 0 0-1.026-1.563A4.42 4.42 0 0 0 16.017 14a4.5 4.5 0 0 0-2.762.74a2.9 2.9 0 0 0-1.05 1.57a5 5 0 0 0-.186 1.073q-.029.448-.014.897l.004.191v3.53Z"/><path fill="#4fc3f7" d="M29 19c0-7.409-5.268-13-13-13S3 11.591 3 19c-.003 2.317 0 5 1 7.026v-.84c.001-1.673 2.264-3.002 4-3.186v-4.438C8 12.38 10.388 9.931 16 10c5.612-.07 8 2.38 8 7.562V22c1.736.184 3.999 1.513 4 3.187v.839C29 24 29.003 21.317 29 19"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#4fc3f7" d="M20 22v-3.53q-.008-.155-.011-.31q-.003-.436-.041-.87a5.3 5.3 0 0 0-.18-.994a2.9 2.9 0 0 0-1.026-1.563A4.42 4.42 0 0 0 16.017 14a4.5 4.5 0 0 0-2.762.74a2.9 2.9 0 0 0-1.05 1.57a5 5 0 0 0-.186 1.073q-.029.448-.014.897l.004.191v3.53Z"/><path fill="#4fc3f7" d="M29 19c0-7.409-5.268-13-13-13S3 11.591 3 19c-.003 2.317 0 5 1 7.026v-.84c.001-1.673 2.264-3.002 4-3.186v-4.438C8 12.38 10.388 9.931 16 10c5.612-.07 8 2.38 8 7.562V22c1.736.184 3.999 1.513 4 3.187v.839C29 24 29.003 21.317 29 19"/></svg>
</template>

CSS

.icon-caddy {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22%234fc3f7%22%20d%3D%22M20%2022v-3.53q-.008-.155-.011-.31q-.003-.436-.041-.87a5.3%205.3%200%200%200-.18-.994a2.9%202.9%200%200%200-1.026-1.563A4.42%204.42%200%200%200%2016.017%2014a4.5%204.5%200%200%200-2.762.74a2.9%202.9%200%200%200-1.05%201.57a5%205%200%200%200-.186%201.073q-.029.448-.014.897l.004.191v3.53Z%22%2F%3E%3Cpath%20fill%3D%22%234fc3f7%22%20d%3D%22M29%2019c0-7.409-5.268-13-13-13S3%2011.591%203%2019c-.003%202.317%200%205%201%207.026v-.84c.001-1.673%202.264-3.002%204-3.186v-4.438C8%2012.38%2010.388%209.931%2016%2010c5.612-.07%208%202.38%208%207.562V22c1.736.184%203.999%201.513%204%203.187v.839C29%2024%2029.003%2021.317%2029%2019%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%2032%2032%22%3E%3Cpath%20fill%3D%22%234fc3f7%22%20d%3D%22M20%2022v-3.53q-.008-.155-.011-.31q-.003-.436-.041-.87a5.3%205.3%200%200%200-.18-.994a2.9%202.9%200%200%200-1.026-1.563A4.42%204.42%200%200%200%2016.017%2014a4.5%204.5%200%200%200-2.762.74a2.9%202.9%200%200%200-1.05%201.57a5%205%200%200%200-.186%201.073q-.029.448-.014.897l.004.191v3.53Z%22%2F%3E%3Cpath%20fill%3D%22%234fc3f7%22%20d%3D%22M29%2019c0-7.409-5.268-13-13-13S3%2011.591%203%2019c-.003%202.317%200%205%201%207.026v-.84c.001-1.673%202.264-3.002%204-3.186v-4.438C8%2012.38%2010.388%209.931%2016%2010c5.612-.07%208%202.38%208%207.562V22c1.736.184%203.999%201.513%204%203.187v.839C29%2024%2029.003%2021.317%2029%2019%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/caddy.svg?color=%231a73e8&size=48

Caddy logo — Material Icon Theme · IconsDB