cloudflare logo
cloudflare from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- cloudflare
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the cloudflare logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m14.72 13.89l-7.18-.08s-.08-.04-.12-.04q-.06-.06 0-.12c.04-.08.08-.12.17-.12l7.22-.08c.87-.04 1.78-.74 2.11-1.57l.41-1.07s.04-.08 0-.12c-.45-2.11-2.35-3.67-4.58-3.67c-2.06 0-3.84 1.32-4.46 3.18c-.41-.29-.91-.45-1.49-.41c-.99.08-1.78.91-1.9 1.9c-.04.25 0 .5.04.74a3.01 3.01 0 0 0-2.93 3.01c0 .17 0 .29.04.45c0 .08.08.12.12.12h13.25c.08 0 .17-.04.17-.12l.12-.45c.12-.41.08-.83-.12-1.07c-.21-.25-.5-.41-.87-.45Zm3.26-3.09h-.21s-.08.04-.12.08l-.29.99c-.12.41-.08.83.12 1.07c.21.25.5.41.87.45l1.53.08s.08.04.12.04q.06.06 0 .12c-.04.08-.08.12-.17.12l-1.57.08c-.87.04-1.78.74-2.11 1.57l-.08.37s0 .12.08.12h5.45q.12 0 .12-.12c.08-.33.17-.7.17-1.07c0-2.15-1.78-3.92-3.92-3.92Z"/></svg>
React
import type { SVGProps } from "react";
export function BxlCloudflare(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="m14.72 13.89l-7.18-.08s-.08-.04-.12-.04q-.06-.06 0-.12c.04-.08.08-.12.17-.12l7.22-.08c.87-.04 1.78-.74 2.11-1.57l.41-1.07s.04-.08 0-.12c-.45-2.11-2.35-3.67-4.58-3.67c-2.06 0-3.84 1.32-4.46 3.18c-.41-.29-.91-.45-1.49-.41c-.99.08-1.78.91-1.9 1.9c-.04.25 0 .5.04.74a3.01 3.01 0 0 0-2.93 3.01c0 .17 0 .29.04.45c0 .08.08.12.12.12h13.25c.08 0 .17-.04.17-.12l.12-.45c.12-.41.08-.83-.12-1.07c-.21-.25-.5-.41-.87-.45Zm3.26-3.09h-.21s-.08.04-.12.08l-.29.99c-.12.41-.08.83.12 1.07c.21.25.5.41.87.45l1.53.08s.08.04.12.04q.06.06 0 .12c-.04.08-.08.12-.17.12l-1.57.08c-.87.04-1.78.74-2.11 1.57l-.08.37s0 .12.08.12h5.45q.12 0 .12-.12c.08-.33.17-.7.17-1.07c0-2.15-1.78-3.92-3.92-3.92Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m14.72 13.89l-7.18-.08s-.08-.04-.12-.04q-.06-.06 0-.12c.04-.08.08-.12.17-.12l7.22-.08c.87-.04 1.78-.74 2.11-1.57l.41-1.07s.04-.08 0-.12c-.45-2.11-2.35-3.67-4.58-3.67c-2.06 0-3.84 1.32-4.46 3.18c-.41-.29-.91-.45-1.49-.41c-.99.08-1.78.91-1.9 1.9c-.04.25 0 .5.04.74a3.01 3.01 0 0 0-2.93 3.01c0 .17 0 .29.04.45c0 .08.08.12.12.12h13.25c.08 0 .17-.04.17-.12l.12-.45c.12-.41.08-.83-.12-1.07c-.21-.25-.5-.41-.87-.45Zm3.26-3.09h-.21s-.08.04-.12.08l-.29.99c-.12.41-.08.83.12 1.07c.21.25.5.41.87.45l1.53.08s.08.04.12.04q.06.06 0 .12c-.04.08-.08.12-.17.12l-1.57.08c-.87.04-1.78.74-2.11 1.57l-.08.37s0 .12.08.12h5.45q.12 0 .12-.12c.08-.33.17-.7.17-1.07c0-2.15-1.78-3.92-3.92-3.92Z"/></svg> </template>
CSS
.icon-cloudflare {
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%22m14.72%2013.89l-7.18-.08s-.08-.04-.12-.04q-.06-.06%200-.12c.04-.08.08-.12.17-.12l7.22-.08c.87-.04%201.78-.74%202.11-1.57l.41-1.07s.04-.08%200-.12c-.45-2.11-2.35-3.67-4.58-3.67c-2.06%200-3.84%201.32-4.46%203.18c-.41-.29-.91-.45-1.49-.41c-.99.08-1.78.91-1.9%201.9c-.04.25%200%20.5.04.74a3.01%203.01%200%200%200-2.93%203.01c0%20.17%200%20.29.04.45c0%20.08.08.12.12.12h13.25c.08%200%20.17-.04.17-.12l.12-.45c.12-.41.08-.83-.12-1.07c-.21-.25-.5-.41-.87-.45Zm3.26-3.09h-.21s-.08.04-.12.08l-.29.99c-.12.41-.08.83.12%201.07c.21.25.5.41.87.45l1.53.08s.08.04.12.04q.06.06%200%20.12c-.04.08-.08.12-.17.12l-1.57.08c-.87.04-1.78.74-2.11%201.57l-.08.37s0%20.12.08.12h5.45q.12%200%20.12-.12c.08-.33.17-.7.17-1.07c0-2.15-1.78-3.92-3.92-3.92Z%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%22m14.72%2013.89l-7.18-.08s-.08-.04-.12-.04q-.06-.06%200-.12c.04-.08.08-.12.17-.12l7.22-.08c.87-.04%201.78-.74%202.11-1.57l.41-1.07s.04-.08%200-.12c-.45-2.11-2.35-3.67-4.58-3.67c-2.06%200-3.84%201.32-4.46%203.18c-.41-.29-.91-.45-1.49-.41c-.99.08-1.78.91-1.9%201.9c-.04.25%200%20.5.04.74a3.01%203.01%200%200%200-2.93%203.01c0%20.17%200%20.29.04.45c0%20.08.08.12.12.12h13.25c.08%200%20.17-.04.17-.12l.12-.45c.12-.41.08-.83-.12-1.07c-.21-.25-.5-.41-.87-.45Zm3.26-3.09h-.21s-.08.04-.12.08l-.29.99c-.12.41-.08.83.12%201.07c.21.25.5.41.87.45l1.53.08s.08.04.12.04q.06.06%200%20.12c-.04.08-.08.12-.17.12l-1.57.08c-.87.04-1.78.74-2.11%201.57l-.08.37s0%20.12.08.12h5.45q.12%200%20.12-.12c.08-.33.17-.7.17-1.07c0-2.15-1.78-3.92-3.92-3.92Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/cloudflare.svg?color=%231a73e8&size=48
