cloudflare logo
cloudflare from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.
- Name
- cloudflare
- Set
- Font Awesome Brands
- Style
- Brand
- Viewbox
- 640×640
- License
- CC BY 4.0
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 640 640"><path fill="currentColor" d="M407.9 383.9L177.1 381c-.7 0-1.4-.2-2-.5s-1.2-.8-1.6-1.4s-.7-1.3-.7-2s0-1.4.2-2.1c.4-1.1 1.1-2.1 2.1-2.8s2.1-1.2 3.3-1.2l232.9-2.9c27.6-1.3 57.5-23.6 68-50.8l13.3-34.5c.4-.9.5-1.9.5-2.9c0-.5-.1-1.1-.2-1.6c-7.4-32.2-25-61.1-50.3-82.3s-56.7-33.7-89.7-35.5s-65.6 7.3-93 25.7s-48 45.3-58.8 76.5c-11.3-8.5-24.9-13.3-39-13.7s-28 3.5-39.8 11.4s-20.8 19.1-25.9 32.3s-5.9 27.6-2.4 41.3C41.7 335.5-.2 378.1-.2 430.5c0 4.7.3 9.3 1 14c.2 1.1.7 2.1 1.5 2.8s1.9 1.1 2.9 1.1l426.1.1h.1c1.2 0 2.3-.4 3.3-1.1s1.6-1.7 2-2.9l3.3-11.3c3.9-13.4 2.4-25.8-4.1-34.9c-6-8.4-16.1-13.3-28.2-13.9zm105.9-98.8c-2.1 0-4.3.1-6.4.2c-.8.1-1.5.3-2.1.8s-1 1.1-1.3 1.8l-9.1 31.2c-3.9 13.4-2.4 25.8 4.1 34.9c6 8.4 16.1 13.3 28.2 13.9l49.2 2.9c.7 0 1.4.2 2 .5s1.1.8 1.5 1.4s.7 1.3.8 2s0 1.5-.2 2.1c-.4 1.1-1.1 2.1-2.1 2.8s-2.1 1.2-3.3 1.2l-51.1 2.9c-27.8 1.3-57.7 23.6-68.1 50.8l-3.7 9.6c-.2.4-.2.8-.2 1.3s.2.8.4 1.2s.6.7.9.9s.8.3 1.2.3h176c1 0 2-.3 2.8-.9s1.4-1.5 1.7-2.4c3.1-11.1 4.7-22.5 4.7-34c0-69.3-56.5-125.5-126.1-125.5z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7BrandsCloudflare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M407.9 383.9L177.1 381c-.7 0-1.4-.2-2-.5s-1.2-.8-1.6-1.4s-.7-1.3-.7-2s0-1.4.2-2.1c.4-1.1 1.1-2.1 2.1-2.8s2.1-1.2 3.3-1.2l232.9-2.9c27.6-1.3 57.5-23.6 68-50.8l13.3-34.5c.4-.9.5-1.9.5-2.9c0-.5-.1-1.1-.2-1.6c-7.4-32.2-25-61.1-50.3-82.3s-56.7-33.7-89.7-35.5s-65.6 7.3-93 25.7s-48 45.3-58.8 76.5c-11.3-8.5-24.9-13.3-39-13.7s-28 3.5-39.8 11.4s-20.8 19.1-25.9 32.3s-5.9 27.6-2.4 41.3C41.7 335.5-.2 378.1-.2 430.5c0 4.7.3 9.3 1 14c.2 1.1.7 2.1 1.5 2.8s1.9 1.1 2.9 1.1l426.1.1h.1c1.2 0 2.3-.4 3.3-1.1s1.6-1.7 2-2.9l3.3-11.3c3.9-13.4 2.4-25.8-4.1-34.9c-6-8.4-16.1-13.3-28.2-13.9zm105.9-98.8c-2.1 0-4.3.1-6.4.2c-.8.1-1.5.3-2.1.8s-1 1.1-1.3 1.8l-9.1 31.2c-3.9 13.4-2.4 25.8 4.1 34.9c6 8.4 16.1 13.3 28.2 13.9l49.2 2.9c.7 0 1.4.2 2 .5s1.1.8 1.5 1.4s.7 1.3.8 2s0 1.5-.2 2.1c-.4 1.1-1.1 2.1-2.1 2.8s-2.1 1.2-3.3 1.2l-51.1 2.9c-27.8 1.3-57.7 23.6-68.1 50.8l-3.7 9.6c-.2.4-.2.8-.2 1.3s.2.8.4 1.2s.6.7.9.9s.8.3 1.2.3h176c1 0 2-.3 2.8-.9s1.4-1.5 1.7-2.4c3.1-11.1 4.7-22.5 4.7-34c0-69.3-56.5-125.5-126.1-125.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M407.9 383.9L177.1 381c-.7 0-1.4-.2-2-.5s-1.2-.8-1.6-1.4s-.7-1.3-.7-2s0-1.4.2-2.1c.4-1.1 1.1-2.1 2.1-2.8s2.1-1.2 3.3-1.2l232.9-2.9c27.6-1.3 57.5-23.6 68-50.8l13.3-34.5c.4-.9.5-1.9.5-2.9c0-.5-.1-1.1-.2-1.6c-7.4-32.2-25-61.1-50.3-82.3s-56.7-33.7-89.7-35.5s-65.6 7.3-93 25.7s-48 45.3-58.8 76.5c-11.3-8.5-24.9-13.3-39-13.7s-28 3.5-39.8 11.4s-20.8 19.1-25.9 32.3s-5.9 27.6-2.4 41.3C41.7 335.5-.2 378.1-.2 430.5c0 4.7.3 9.3 1 14c.2 1.1.7 2.1 1.5 2.8s1.9 1.1 2.9 1.1l426.1.1h.1c1.2 0 2.3-.4 3.3-1.1s1.6-1.7 2-2.9l3.3-11.3c3.9-13.4 2.4-25.8-4.1-34.9c-6-8.4-16.1-13.3-28.2-13.9zm105.9-98.8c-2.1 0-4.3.1-6.4.2c-.8.1-1.5.3-2.1.8s-1 1.1-1.3 1.8l-9.1 31.2c-3.9 13.4-2.4 25.8 4.1 34.9c6 8.4 16.1 13.3 28.2 13.9l49.2 2.9c.7 0 1.4.2 2 .5s1.1.8 1.5 1.4s.7 1.3.8 2s0 1.5-.2 2.1c-.4 1.1-1.1 2.1-2.1 2.8s-2.1 1.2-3.3 1.2l-51.1 2.9c-27.8 1.3-57.7 23.6-68.1 50.8l-3.7 9.6c-.2.4-.2.8-.2 1.3s.2.8.4 1.2s.6.7.9.9s.8.3 1.2.3h176c1 0 2-.3 2.8-.9s1.4-1.5 1.7-2.4c3.1-11.1 4.7-22.5 4.7-34c0-69.3-56.5-125.5-126.1-125.5z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M407.9%20383.9L177.1%20381c-.7%200-1.4-.2-2-.5s-1.2-.8-1.6-1.4s-.7-1.3-.7-2s0-1.4.2-2.1c.4-1.1%201.1-2.1%202.1-2.8s2.1-1.2%203.3-1.2l232.9-2.9c27.6-1.3%2057.5-23.6%2068-50.8l13.3-34.5c.4-.9.5-1.9.5-2.9c0-.5-.1-1.1-.2-1.6c-7.4-32.2-25-61.1-50.3-82.3s-56.7-33.7-89.7-35.5s-65.6%207.3-93%2025.7s-48%2045.3-58.8%2076.5c-11.3-8.5-24.9-13.3-39-13.7s-28%203.5-39.8%2011.4s-20.8%2019.1-25.9%2032.3s-5.9%2027.6-2.4%2041.3C41.7%20335.5-.2%20378.1-.2%20430.5c0%204.7.3%209.3%201%2014c.2%201.1.7%202.1%201.5%202.8s1.9%201.1%202.9%201.1l426.1.1h.1c1.2%200%202.3-.4%203.3-1.1s1.6-1.7%202-2.9l3.3-11.3c3.9-13.4%202.4-25.8-4.1-34.9c-6-8.4-16.1-13.3-28.2-13.9zm105.9-98.8c-2.1%200-4.3.1-6.4.2c-.8.1-1.5.3-2.1.8s-1%201.1-1.3%201.8l-9.1%2031.2c-3.9%2013.4-2.4%2025.8%204.1%2034.9c6%208.4%2016.1%2013.3%2028.2%2013.9l49.2%202.9c.7%200%201.4.2%202%20.5s1.1.8%201.5%201.4s.7%201.3.8%202s0%201.5-.2%202.1c-.4%201.1-1.1%202.1-2.1%202.8s-2.1%201.2-3.3%201.2l-51.1%202.9c-27.8%201.3-57.7%2023.6-68.1%2050.8l-3.7%209.6c-.2.4-.2.8-.2%201.3s.2.8.4%201.2s.6.7.9.9s.8.3%201.2.3h176c1%200%202-.3%202.8-.9s1.4-1.5%201.7-2.4c3.1-11.1%204.7-22.5%204.7-34c0-69.3-56.5-125.5-126.1-125.5z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M407.9%20383.9L177.1%20381c-.7%200-1.4-.2-2-.5s-1.2-.8-1.6-1.4s-.7-1.3-.7-2s0-1.4.2-2.1c.4-1.1%201.1-2.1%202.1-2.8s2.1-1.2%203.3-1.2l232.9-2.9c27.6-1.3%2057.5-23.6%2068-50.8l13.3-34.5c.4-.9.5-1.9.5-2.9c0-.5-.1-1.1-.2-1.6c-7.4-32.2-25-61.1-50.3-82.3s-56.7-33.7-89.7-35.5s-65.6%207.3-93%2025.7s-48%2045.3-58.8%2076.5c-11.3-8.5-24.9-13.3-39-13.7s-28%203.5-39.8%2011.4s-20.8%2019.1-25.9%2032.3s-5.9%2027.6-2.4%2041.3C41.7%20335.5-.2%20378.1-.2%20430.5c0%204.7.3%209.3%201%2014c.2%201.1.7%202.1%201.5%202.8s1.9%201.1%202.9%201.1l426.1.1h.1c1.2%200%202.3-.4%203.3-1.1s1.6-1.7%202-2.9l3.3-11.3c3.9-13.4%202.4-25.8-4.1-34.9c-6-8.4-16.1-13.3-28.2-13.9zm105.9-98.8c-2.1%200-4.3.1-6.4.2c-.8.1-1.5.3-2.1.8s-1%201.1-1.3%201.8l-9.1%2031.2c-3.9%2013.4-2.4%2025.8%204.1%2034.9c6%208.4%2016.1%2013.3%2028.2%2013.9l49.2%202.9c.7%200%201.4.2%202%20.5s1.1.8%201.5%201.4s.7%201.3.8%202s0%201.5-.2%202.1c-.4%201.1-1.1%202.1-2.1%202.8s-2.1%201.2-3.3%201.2l-51.1%202.9c-27.8%201.3-57.7%2023.6-68.1%2050.8l-3.7%209.6c-.2.4-.2.8-.2%201.3s.2.8.4%201.2s.6.7.9.9s.8.3%201.2.3h176c1%200%202-.3%202.8-.9s1.4-1.5%201.7-2.4c3.1-11.1%204.7-22.5%204.7-34c0-69.3-56.5-125.5-126.1-125.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/cloudflare.svg?color=%231a73e8&size=48
