cp logo
cp from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- cp
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
The same logo in other sets
Use the cp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#0052b4" d="M0 0h512v512H0Z"/><path fill="#fff" d="m256 52l204 204l-204 204L52 256Z"/><path fill="#ff9811" d="m232 463l12-299h24l12 299z"/><path fill="#6da544" d="M293 172c31-14 42-23 90-22c-40-18-77-23-108 0c9-23 27-54 59-77c-55 9-82 36-86 68c-14-32-55-45-100-45c50 27 36 27 73 63c-32-5-68 9-104 50c49-27 72-18 104-14a90 90 0 0 0-41 86c36-45 31-32 77-72c18 40 40 49 49 86c9-37 0-77-18-91c36 14 68 23 86 50c-9-63-50-72-81-82"/></g></svg>
React
import type { SVGProps } from "react";
export function CircleFlagsCp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#0052b4" d="M0 0h512v512H0Z"/><path fill="#fff" d="m256 52l204 204l-204 204L52 256Z"/><path fill="#ff9811" d="m232 463l12-299h24l12 299z"/><path fill="#6da544" d="M293 172c31-14 42-23 90-22c-40-18-77-23-108 0c9-23 27-54 59-77c-55 9-82 36-86 68c-14-32-55-45-100-45c50 27 36 27 73 63c-32-5-68 9-104 50c49-27 72-18 104-14a90 90 0 0 0-41 86c36-45 31-32 77-72c18 40 40 49 49 86c9-37 0-77-18-91c36 14 68 23 86 50c-9-63-50-72-81-82"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#0052b4" d="M0 0h512v512H0Z"/><path fill="#fff" d="m256 52l204 204l-204 204L52 256Z"/><path fill="#ff9811" d="m232 463l12-299h24l12 299z"/><path fill="#6da544" d="M293 172c31-14 42-23 90-22c-40-18-77-23-108 0c9-23 27-54 59-77c-55 9-82 36-86 68c-14-32-55-45-100-45c50 27 36 27 73 63c-32-5-68 9-104 50c49-27 72-18 104-14a90 90 0 0 0-41 86c36-45 31-32 77-72c18 40 40 49 49 86c9-37 0-77-18-91c36 14 68 23 86 50c-9-63-50-72-81-82"/></g></svg> </template>
CSS
.icon-cp {
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%20512%20512%22%3E%3Cmask%20id%3D%22SVGuywqVbel%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGuywqVbel)%22%3E%3Cpath%20fill%3D%22%230052b4%22%20d%3D%22M0%200h512v512H0Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m256%2052l204%20204l-204%20204L52%20256Z%22%2F%3E%3Cpath%20fill%3D%22%23ff9811%22%20d%3D%22m232%20463l12-299h24l12%20299z%22%2F%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M293%20172c31-14%2042-23%2090-22c-40-18-77-23-108%200c9-23%2027-54%2059-77c-55%209-82%2036-86%2068c-14-32-55-45-100-45c50%2027%2036%2027%2073%2063c-32-5-68%209-104%2050c49-27%2072-18%20104-14a90%2090%200%200%200-41%2086c36-45%2031-32%2077-72c18%2040%2040%2049%2049%2086c9-37%200-77-18-91c36%2014%2068%2023%2086%2050c-9-63-50-72-81-82%22%2F%3E%3C%2Fg%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%20512%20512%22%3E%3Cmask%20id%3D%22SVGuywqVbel%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGuywqVbel)%22%3E%3Cpath%20fill%3D%22%230052b4%22%20d%3D%22M0%200h512v512H0Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m256%2052l204%20204l-204%20204L52%20256Z%22%2F%3E%3Cpath%20fill%3D%22%23ff9811%22%20d%3D%22m232%20463l12-299h24l12%20299z%22%2F%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M293%20172c31-14%2042-23%2090-22c-40-18-77-23-108%200c9-23%2027-54%2059-77c-55%209-82%2036-86%2068c-14-32-55-45-100-45c50%2027%2036%2027%2073%2063c-32-5-68%209-104%2050c49-27%2072-18%20104-14a90%2090%200%200%200-41%2086c36-45%2031-32%2077-72c18%2040%2040%2049%2049%2086c9-37%200-77-18-91c36%2014%2068%2023%2086%2050c-9-63-50-72-81-82%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/circle-flags/cp.svg?color=%231a73e8&size=48
