cloudflarepages logo
cloudflarepages from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- cloudflarepages
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the cloudflarepages logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.715 14.32H5.442l-.64-1.203L13.673 0l1.397.579l-1.752 9.112h5.24l.648 1.192L10.719 24l-1.412-.54ZM4.091 5.448a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.543 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.544 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m8.657-2.7h5.424l.772.771v16.975l-.772.772h-7.392l.374-.579h6.779l.432-.432V3.758l-.432-.432h-4.676l-.552 2.85h-.59l.529-2.877l.108-.552ZM2.74 21.265l-.772-.772V3.518l.772-.771h7.677l-.386.579H2.98l-.432.432v16.496l.432.432h5.586l-.092.579zm1.157-1.93h3.28l-.116.58h-3.55l-.192-.193v-3.473l.578 1.158zm13.117 0l.579.58H14.7l.385-.58z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCloudflarepages(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="M10.715 14.32H5.442l-.64-1.203L13.673 0l1.397.579l-1.752 9.112h5.24l.648 1.192L10.719 24l-1.412-.54ZM4.091 5.448a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.543 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.544 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m8.657-2.7h5.424l.772.771v16.975l-.772.772h-7.392l.374-.579h6.779l.432-.432V3.758l-.432-.432h-4.676l-.552 2.85h-.59l.529-2.877l.108-.552ZM2.74 21.265l-.772-.772V3.518l.772-.771h7.677l-.386.579H2.98l-.432.432v16.496l.432.432h5.586l-.092.579zm1.157-1.93h3.28l-.116.58h-3.55l-.192-.193v-3.473l.578 1.158zm13.117 0l.579.58H14.7l.385-.58z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.715 14.32H5.442l-.64-1.203L13.673 0l1.397.579l-1.752 9.112h5.24l.648 1.192L10.719 24l-1.412-.54ZM4.091 5.448a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.543 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m1.544 0a.579.579 0 1 1 0-1.157a.579.579 0 0 1 0 1.157m8.657-2.7h5.424l.772.771v16.975l-.772.772h-7.392l.374-.579h6.779l.432-.432V3.758l-.432-.432h-4.676l-.552 2.85h-.59l.529-2.877l.108-.552ZM2.74 21.265l-.772-.772V3.518l.772-.771h7.677l-.386.579H2.98l-.432.432v16.496l.432.432h5.586l-.092.579zm1.157-1.93h3.28l-.116.58h-3.55l-.192-.193v-3.473l.578 1.158zm13.117 0l.579.58H14.7l.385-.58z"/></svg> </template>
CSS
.icon-cloudflarepages {
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%22M10.715%2014.32H5.442l-.64-1.203L13.673%200l1.397.579l-1.752%209.112h5.24l.648%201.192L10.719%2024l-1.412-.54ZM4.091%205.448a.579.579%200%201%201%200-1.157a.579.579%200%200%201%200%201.157m1.543%200a.579.579%200%201%201%200-1.157a.579.579%200%200%201%200%201.157m1.544%200a.579.579%200%201%201%200-1.157a.579.579%200%200%201%200%201.157m8.657-2.7h5.424l.772.771v16.975l-.772.772h-7.392l.374-.579h6.779l.432-.432V3.758l-.432-.432h-4.676l-.552%202.85h-.59l.529-2.877l.108-.552ZM2.74%2021.265l-.772-.772V3.518l.772-.771h7.677l-.386.579H2.98l-.432.432v16.496l.432.432h5.586l-.092.579zm1.157-1.93h3.28l-.116.58h-3.55l-.192-.193v-3.473l.578%201.158zm13.117%200l.579.58H14.7l.385-.58z%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%22M10.715%2014.32H5.442l-.64-1.203L13.673%200l1.397.579l-1.752%209.112h5.24l.648%201.192L10.719%2024l-1.412-.54ZM4.091%205.448a.579.579%200%201%201%200-1.157a.579.579%200%200%201%200%201.157m1.543%200a.579.579%200%201%201%200-1.157a.579.579%200%200%201%200%201.157m1.544%200a.579.579%200%201%201%200-1.157a.579.579%200%200%201%200%201.157m8.657-2.7h5.424l.772.771v16.975l-.772.772h-7.392l.374-.579h6.779l.432-.432V3.758l-.432-.432h-4.676l-.552%202.85h-.59l.529-2.877l.108-.552ZM2.74%2021.265l-.772-.772V3.518l.772-.771h7.677l-.386.579H2.98l-.432.432v16.496l.432.432h5.586l-.092.579zm1.157-1.93h3.28l-.116.58h-3.55l-.192-.193v-3.473l.578%201.158zm13.117%200l.579.58H14.7l.385-.58z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/cloudflarepages.svg?color=%231a73e8&size=48
