cloudflare logo
cloudflare from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- cloudflare
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 640×512
- 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 512"><path fill="currentColor" d="m407.906 319.913l-230.8-2.928a4.58 4.58 0 0 1-3.632-1.926a4.65 4.65 0 0 1-.494-4.147a6.14 6.14 0 0 1 5.361-4.076l232.94-2.936c27.631-1.26 57.546-23.574 68.022-50.784l13.286-34.542a7.9 7.9 0 0 0 .524-2.936a7.7 7.7 0 0 0-.164-1.631A151.91 151.91 0 0 0 201.257 198.4A68.12 68.12 0 0 0 94.2 269.59C41.924 271.106 0 313.728 0 366.12a96 96 0 0 0 1.029 13.958a4.51 4.51 0 0 0 4.445 3.871l426.1.051c.043 0 .08-.019.122-.02a5.61 5.61 0 0 0 5.271-4l3.273-11.265c3.9-13.4 2.448-25.8-4.1-34.9c-6.016-8.392-16.05-13.328-28.234-13.902m105.95-98.813c-2.141 0-4.271.062-6.391.164a3.77 3.77 0 0 0-3.324 2.653l-9.077 31.193c-3.9 13.4-2.449 25.786 4.1 34.89c6.02 8.4 16.054 13.323 28.238 13.9l49.2 2.939a4.49 4.49 0 0 1 3.51 1.894a4.64 4.64 0 0 1 .514 4.169a6.15 6.15 0 0 1-5.351 4.075l-51.125 2.939c-27.754 1.27-57.669 23.574-68.145 50.784l-3.695 9.606a2.716 2.716 0 0 0 2.427 3.68c.046 0 .088.017.136.017h175.91a4.69 4.69 0 0 0 4.539-3.37a124.8 124.8 0 0 0 4.682-34C640 277.3 583.524 221.1 513.856 221.1"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsCloudflare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m407.906 319.913l-230.8-2.928a4.58 4.58 0 0 1-3.632-1.926a4.65 4.65 0 0 1-.494-4.147a6.14 6.14 0 0 1 5.361-4.076l232.94-2.936c27.631-1.26 57.546-23.574 68.022-50.784l13.286-34.542a7.9 7.9 0 0 0 .524-2.936a7.7 7.7 0 0 0-.164-1.631A151.91 151.91 0 0 0 201.257 198.4A68.12 68.12 0 0 0 94.2 269.59C41.924 271.106 0 313.728 0 366.12a96 96 0 0 0 1.029 13.958a4.51 4.51 0 0 0 4.445 3.871l426.1.051c.043 0 .08-.019.122-.02a5.61 5.61 0 0 0 5.271-4l3.273-11.265c3.9-13.4 2.448-25.8-4.1-34.9c-6.016-8.392-16.05-13.328-28.234-13.902m105.95-98.813c-2.141 0-4.271.062-6.391.164a3.77 3.77 0 0 0-3.324 2.653l-9.077 31.193c-3.9 13.4-2.449 25.786 4.1 34.89c6.02 8.4 16.054 13.323 28.238 13.9l49.2 2.939a4.49 4.49 0 0 1 3.51 1.894a4.64 4.64 0 0 1 .514 4.169a6.15 6.15 0 0 1-5.351 4.075l-51.125 2.939c-27.754 1.27-57.669 23.574-68.145 50.784l-3.695 9.606a2.716 2.716 0 0 0 2.427 3.68c.046 0 .088.017.136.017h175.91a4.69 4.69 0 0 0 4.539-3.37a124.8 124.8 0 0 0 4.682-34C640 277.3 583.524 221.1 513.856 221.1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m407.906 319.913l-230.8-2.928a4.58 4.58 0 0 1-3.632-1.926a4.65 4.65 0 0 1-.494-4.147a6.14 6.14 0 0 1 5.361-4.076l232.94-2.936c27.631-1.26 57.546-23.574 68.022-50.784l13.286-34.542a7.9 7.9 0 0 0 .524-2.936a7.7 7.7 0 0 0-.164-1.631A151.91 151.91 0 0 0 201.257 198.4A68.12 68.12 0 0 0 94.2 269.59C41.924 271.106 0 313.728 0 366.12a96 96 0 0 0 1.029 13.958a4.51 4.51 0 0 0 4.445 3.871l426.1.051c.043 0 .08-.019.122-.02a5.61 5.61 0 0 0 5.271-4l3.273-11.265c3.9-13.4 2.448-25.8-4.1-34.9c-6.016-8.392-16.05-13.328-28.234-13.902m105.95-98.813c-2.141 0-4.271.062-6.391.164a3.77 3.77 0 0 0-3.324 2.653l-9.077 31.193c-3.9 13.4-2.449 25.786 4.1 34.89c6.02 8.4 16.054 13.323 28.238 13.9l49.2 2.939a4.49 4.49 0 0 1 3.51 1.894a4.64 4.64 0 0 1 .514 4.169a6.15 6.15 0 0 1-5.351 4.075l-51.125 2.939c-27.754 1.27-57.669 23.574-68.145 50.784l-3.695 9.606a2.716 2.716 0 0 0 2.427 3.68c.046 0 .088.017.136.017h175.91a4.69 4.69 0 0 0 4.539-3.37a124.8 124.8 0 0 0 4.682-34C640 277.3 583.524 221.1 513.856 221.1"/></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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m407.906%20319.913l-230.8-2.928a4.58%204.58%200%200%201-3.632-1.926a4.65%204.65%200%200%201-.494-4.147a6.14%206.14%200%200%201%205.361-4.076l232.94-2.936c27.631-1.26%2057.546-23.574%2068.022-50.784l13.286-34.542a7.9%207.9%200%200%200%20.524-2.936a7.7%207.7%200%200%200-.164-1.631A151.91%20151.91%200%200%200%20201.257%20198.4A68.12%2068.12%200%200%200%2094.2%20269.59C41.924%20271.106%200%20313.728%200%20366.12a96%2096%200%200%200%201.029%2013.958a4.51%204.51%200%200%200%204.445%203.871l426.1.051c.043%200%20.08-.019.122-.02a5.61%205.61%200%200%200%205.271-4l3.273-11.265c3.9-13.4%202.448-25.8-4.1-34.9c-6.016-8.392-16.05-13.328-28.234-13.902m105.95-98.813c-2.141%200-4.271.062-6.391.164a3.77%203.77%200%200%200-3.324%202.653l-9.077%2031.193c-3.9%2013.4-2.449%2025.786%204.1%2034.89c6.02%208.4%2016.054%2013.323%2028.238%2013.9l49.2%202.939a4.49%204.49%200%200%201%203.51%201.894a4.64%204.64%200%200%201%20.514%204.169a6.15%206.15%200%200%201-5.351%204.075l-51.125%202.939c-27.754%201.27-57.669%2023.574-68.145%2050.784l-3.695%209.606a2.716%202.716%200%200%200%202.427%203.68c.046%200%20.088.017.136.017h175.91a4.69%204.69%200%200%200%204.539-3.37a124.8%20124.8%200%200%200%204.682-34C640%20277.3%20583.524%20221.1%20513.856%20221.1%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m407.906%20319.913l-230.8-2.928a4.58%204.58%200%200%201-3.632-1.926a4.65%204.65%200%200%201-.494-4.147a6.14%206.14%200%200%201%205.361-4.076l232.94-2.936c27.631-1.26%2057.546-23.574%2068.022-50.784l13.286-34.542a7.9%207.9%200%200%200%20.524-2.936a7.7%207.7%200%200%200-.164-1.631A151.91%20151.91%200%200%200%20201.257%20198.4A68.12%2068.12%200%200%200%2094.2%20269.59C41.924%20271.106%200%20313.728%200%20366.12a96%2096%200%200%200%201.029%2013.958a4.51%204.51%200%200%200%204.445%203.871l426.1.051c.043%200%20.08-.019.122-.02a5.61%205.61%200%200%200%205.271-4l3.273-11.265c3.9-13.4%202.448-25.8-4.1-34.9c-6.016-8.392-16.05-13.328-28.234-13.902m105.95-98.813c-2.141%200-4.271.062-6.391.164a3.77%203.77%200%200%200-3.324%202.653l-9.077%2031.193c-3.9%2013.4-2.449%2025.786%204.1%2034.89c6.02%208.4%2016.054%2013.323%2028.238%2013.9l49.2%202.939a4.49%204.49%200%200%201%203.51%201.894a4.64%204.64%200%200%201%20.514%204.169a6.15%206.15%200%200%201-5.351%204.075l-51.125%202.939c-27.754%201.27-57.669%2023.574-68.145%2050.784l-3.695%209.606a2.716%202.716%200%200%200%202.427%203.68c.046%200%20.088.017.136.017h175.91a4.69%204.69%200%200%200%204.539-3.37a124.8%20124.8%200%200%200%204.682-34C640%20277.3%20583.524%20221.1%20513.856%20221.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/cloudflare.svg?color=%231a73e8&size=48
