cx logo
cx from Flagpack by Yummygum · Rounded · MIT Free for personal and commercial use.
- Name
- cx
- Set
- Flagpack
- Style
- Rounded
- Viewbox
- 32×24
- License
- MIT
The same logo in other sets
Use the cx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#5eaa22" d="M0 0h32v24H0z"/><path fill="#4141db" d="m0 0l32 24H0z"/><path fill="#fff" d="m6 9l-1 .732l.134-1.232L4 8l1.134-.5L5 6.268L6 7l1-.732L6.866 7.5L8 8l-1.134.5L7 9.732zm-2 6l-1 .732l.134-1.232L2 14l1.134-.5L3 12.268L4 13l1-.732l-.134 1.232L6 14l-1.134.5L5 15.732zm4 6l-1 .732l.134-1.232L6 20l1.134-.5L7 18.268L8 19l1-.732l-.134 1.232L10 20l-1.134.5L9 21.732zm1-9.5l-.5.366l.067-.616L8 11l.567-.25l-.067-.616l.5.366l.5-.366l-.067.616L10 11l-.567.25l.067.616z"/><path fill="#feca00" d="M21.561 12.224c-.374-.39 2.99-1.306 3.339-2.488c.462-1.029.153-1.862-1.593-2.594s-3.51-2.148-1.481-2.148s2.029.29 2.574 1.143c.545.854 1.724 1.036 1.749 0c0-1.766.166-2.003-1.26-3.538c-1.425-1.536 3.575.63 3.162 3.262s-.91 1.782-.595 2.224s2.216-.93 1.979.897c-.665 1.051-1.984 2.614-7.874 3.242"/><path fill="#feca00" d="M16 17a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="#548650" d="M12.953 10.162c.567-.126 1.343 1.392 2.742.823c1.4-.57 1.692-1.657 2.357-1.26c.666.399.753 1.357.31 1.838s-1.195.596-1.195 1.205s-.148 2.78-.435 2.15c-.861-.699-.336-1.812-1.397-2.15s-1.706-.327-2.489-.184s.526-.392.804-.9c.565-.543-.956-1.341-.697-1.522"/></g></svg>
React
import type { SVGProps } from "react";
export function FlagpackCx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none" fillRule="evenodd" clipRule="evenodd"><path fill="#5eaa22" d="M0 0h32v24H0z"/><path fill="#4141db" d="m0 0l32 24H0z"/><path fill="#fff" d="m6 9l-1 .732l.134-1.232L4 8l1.134-.5L5 6.268L6 7l1-.732L6.866 7.5L8 8l-1.134.5L7 9.732zm-2 6l-1 .732l.134-1.232L2 14l1.134-.5L3 12.268L4 13l1-.732l-.134 1.232L6 14l-1.134.5L5 15.732zm4 6l-1 .732l.134-1.232L6 20l1.134-.5L7 18.268L8 19l1-.732l-.134 1.232L10 20l-1.134.5L9 21.732zm1-9.5l-.5.366l.067-.616L8 11l.567-.25l-.067-.616l.5.366l.5-.366l-.067.616L10 11l-.567.25l.067.616z"/><path fill="#feca00" d="M21.561 12.224c-.374-.39 2.99-1.306 3.339-2.488c.462-1.029.153-1.862-1.593-2.594s-3.51-2.148-1.481-2.148s2.029.29 2.574 1.143c.545.854 1.724 1.036 1.749 0c0-1.766.166-2.003-1.26-3.538c-1.425-1.536 3.575.63 3.162 3.262s-.91 1.782-.595 2.224s2.216-.93 1.979.897c-.665 1.051-1.984 2.614-7.874 3.242"/><path fill="#feca00" d="M16 17a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="#548650" d="M12.953 10.162c.567-.126 1.343 1.392 2.742.823c1.4-.57 1.692-1.657 2.357-1.26c.666.399.753 1.357.31 1.838s-1.195.596-1.195 1.205s-.148 2.78-.435 2.15c-.861-.699-.336-1.812-1.397-2.15s-1.706-.327-2.489-.184s.526-.392.804-.9c.565-.543-.956-1.341-.697-1.522"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#5eaa22" d="M0 0h32v24H0z"/><path fill="#4141db" d="m0 0l32 24H0z"/><path fill="#fff" d="m6 9l-1 .732l.134-1.232L4 8l1.134-.5L5 6.268L6 7l1-.732L6.866 7.5L8 8l-1.134.5L7 9.732zm-2 6l-1 .732l.134-1.232L2 14l1.134-.5L3 12.268L4 13l1-.732l-.134 1.232L6 14l-1.134.5L5 15.732zm4 6l-1 .732l.134-1.232L6 20l1.134-.5L7 18.268L8 19l1-.732l-.134 1.232L10 20l-1.134.5L9 21.732zm1-9.5l-.5.366l.067-.616L8 11l.567-.25l-.067-.616l.5.366l.5-.366l-.067.616L10 11l-.567.25l.067.616z"/><path fill="#feca00" d="M21.561 12.224c-.374-.39 2.99-1.306 3.339-2.488c.462-1.029.153-1.862-1.593-2.594s-3.51-2.148-1.481-2.148s2.029.29 2.574 1.143c.545.854 1.724 1.036 1.749 0c0-1.766.166-2.003-1.26-3.538c-1.425-1.536 3.575.63 3.162 3.262s-.91 1.782-.595 2.224s2.216-.93 1.979.897c-.665 1.051-1.984 2.614-7.874 3.242"/><path fill="#feca00" d="M16 17a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="#548650" d="M12.953 10.162c.567-.126 1.343 1.392 2.742.823c1.4-.57 1.692-1.657 2.357-1.26c.666.399.753 1.357.31 1.838s-1.195.596-1.195 1.205s-.148 2.78-.435 2.15c-.861-.699-.336-1.812-1.397-2.15s-1.706-.327-2.489-.184s.526-.392.804-.9c.565-.543-.956-1.341-.697-1.522"/></g></svg> </template>
CSS
.icon-cx {
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%2032%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%235eaa22%22%20d%3D%22M0%200h32v24H0z%22%2F%3E%3Cpath%20fill%3D%22%234141db%22%20d%3D%22m0%200l32%2024H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m6%209l-1%20.732l.134-1.232L4%208l1.134-.5L5%206.268L6%207l1-.732L6.866%207.5L8%208l-1.134.5L7%209.732zm-2%206l-1%20.732l.134-1.232L2%2014l1.134-.5L3%2012.268L4%2013l1-.732l-.134%201.232L6%2014l-1.134.5L5%2015.732zm4%206l-1%20.732l.134-1.232L6%2020l1.134-.5L7%2018.268L8%2019l1-.732l-.134%201.232L10%2020l-1.134.5L9%2021.732zm1-9.5l-.5.366l.067-.616L8%2011l.567-.25l-.067-.616l.5.366l.5-.366l-.067.616L10%2011l-.567.25l.067.616z%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20d%3D%22M21.561%2012.224c-.374-.39%202.99-1.306%203.339-2.488c.462-1.029.153-1.862-1.593-2.594s-3.51-2.148-1.481-2.148s2.029.29%202.574%201.143c.545.854%201.724%201.036%201.749%200c0-1.766.166-2.003-1.26-3.538c-1.425-1.536%203.575.63%203.162%203.262s-.91%201.782-.595%202.224s2.216-.93%201.979.897c-.665%201.051-1.984%202.614-7.874%203.242%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20d%3D%22M16%2017a5%205%200%201%200%200-10a5%205%200%200%200%200%2010%22%2F%3E%3Cpath%20fill%3D%22%23548650%22%20d%3D%22M12.953%2010.162c.567-.126%201.343%201.392%202.742.823c1.4-.57%201.692-1.657%202.357-1.26c.666.399.753%201.357.31%201.838s-1.195.596-1.195%201.205s-.148%202.78-.435%202.15c-.861-.699-.336-1.812-1.397-2.15s-1.706-.327-2.489-.184s.526-.392.804-.9c.565-.543-.956-1.341-.697-1.522%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%2032%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%235eaa22%22%20d%3D%22M0%200h32v24H0z%22%2F%3E%3Cpath%20fill%3D%22%234141db%22%20d%3D%22m0%200l32%2024H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m6%209l-1%20.732l.134-1.232L4%208l1.134-.5L5%206.268L6%207l1-.732L6.866%207.5L8%208l-1.134.5L7%209.732zm-2%206l-1%20.732l.134-1.232L2%2014l1.134-.5L3%2012.268L4%2013l1-.732l-.134%201.232L6%2014l-1.134.5L5%2015.732zm4%206l-1%20.732l.134-1.232L6%2020l1.134-.5L7%2018.268L8%2019l1-.732l-.134%201.232L10%2020l-1.134.5L9%2021.732zm1-9.5l-.5.366l.067-.616L8%2011l.567-.25l-.067-.616l.5.366l.5-.366l-.067.616L10%2011l-.567.25l.067.616z%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20d%3D%22M21.561%2012.224c-.374-.39%202.99-1.306%203.339-2.488c.462-1.029.153-1.862-1.593-2.594s-3.51-2.148-1.481-2.148s2.029.29%202.574%201.143c.545.854%201.724%201.036%201.749%200c0-1.766.166-2.003-1.26-3.538c-1.425-1.536%203.575.63%203.162%203.262s-.91%201.782-.595%202.224s2.216-.93%201.979.897c-.665%201.051-1.984%202.614-7.874%203.242%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20d%3D%22M16%2017a5%205%200%201%200%200-10a5%205%200%200%200%200%2010%22%2F%3E%3Cpath%20fill%3D%22%23548650%22%20d%3D%22M12.953%2010.162c.567-.126%201.343%201.392%202.742.823c1.4-.57%201.692-1.657%202.357-1.26c.666.399.753%201.357.31%201.838s-1.195.596-1.195%201.205s-.148%202.78-.435%202.15c-.861-.699-.336-1.812-1.397-2.15s-1.706-.327-2.489-.184s.526-.392.804-.9c.565-.543-.956-1.341-.697-1.522%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flagpack/cx.svg?color=%231a73e8&size=48
