dcos icon logo
dcos-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- dcos-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×201
- License
- CC0
Use the dcos icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 201"><defs><linearGradient id="SVGsCIPpcei" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#7d58ff"/><stop offset="100%" stop-color="#ff007d"/></linearGradient></defs><path fill="url(#SVGsCIPpcei)" d="m40.353 17.021l97.434 56.428l82.12-56.428zm113.812 65.91l26.589 15.404l37.284-59.292zM34.332 33.267l48.855 77.697l39.02-26.808zm161.295 73.677l43.134 24.98V38.353zM17.24 38.353v117.925L69.016 120.7zm75.053 87.094L128 182.227l43.66-69.43l-33.08-19.158zm35.704 75.086c-5.58 0-10.717-3.084-14.103-8.466v-.004l-35.771-56.88l-54.027 37.126c-5.485 3.77-11.458 4.48-16.365 1.946C2.815 171.721 0 166.483 0 159.878V21.201c0-8.242 4.786-15.4 11.763-18.904C13.893.96 16.982.004 21.455 0h213.09c4.169.004 7.147.867 9.277 2.09C251.02 5.517 256 12.794 256 21.201v112.89c0 6.46-2.764 11.732-7.589 14.465c-4.83 2.725-10.841 2.416-16.48-.85l-45.4-26.295l-44.429 70.652c-3.385 5.386-8.523 8.47-14.106 8.47"/></svg>
React
import type { SVGProps } from "react";
export function LogosDcosIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 201"><defs><linearGradient id="SVGsCIPpcei" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stopColor="#7d58ff"/><stop offset="100%" stopColor="#ff007d"/></linearGradient></defs><path fill="url(#SVGsCIPpcei)" d="m40.353 17.021l97.434 56.428l82.12-56.428zm113.812 65.91l26.589 15.404l37.284-59.292zM34.332 33.267l48.855 77.697l39.02-26.808zm161.295 73.677l43.134 24.98V38.353zM17.24 38.353v117.925L69.016 120.7zm75.053 87.094L128 182.227l43.66-69.43l-33.08-19.158zm35.704 75.086c-5.58 0-10.717-3.084-14.103-8.466v-.004l-35.771-56.88l-54.027 37.126c-5.485 3.77-11.458 4.48-16.365 1.946C2.815 171.721 0 166.483 0 159.878V21.201c0-8.242 4.786-15.4 11.763-18.904C13.893.96 16.982.004 21.455 0h213.09c4.169.004 7.147.867 9.277 2.09C251.02 5.517 256 12.794 256 21.201v112.89c0 6.46-2.764 11.732-7.589 14.465c-4.83 2.725-10.841 2.416-16.48-.85l-45.4-26.295l-44.429 70.652c-3.385 5.386-8.523 8.47-14.106 8.47"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 201"><defs><linearGradient id="SVGsCIPpcei" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#7d58ff"/><stop offset="100%" stop-color="#ff007d"/></linearGradient></defs><path fill="url(#SVGsCIPpcei)" d="m40.353 17.021l97.434 56.428l82.12-56.428zm113.812 65.91l26.589 15.404l37.284-59.292zM34.332 33.267l48.855 77.697l39.02-26.808zm161.295 73.677l43.134 24.98V38.353zM17.24 38.353v117.925L69.016 120.7zm75.053 87.094L128 182.227l43.66-69.43l-33.08-19.158zm35.704 75.086c-5.58 0-10.717-3.084-14.103-8.466v-.004l-35.771-56.88l-54.027 37.126c-5.485 3.77-11.458 4.48-16.365 1.946C2.815 171.721 0 166.483 0 159.878V21.201c0-8.242 4.786-15.4 11.763-18.904C13.893.96 16.982.004 21.455 0h213.09c4.169.004 7.147.867 9.277 2.09C251.02 5.517 256 12.794 256 21.201v112.89c0 6.46-2.764 11.732-7.589 14.465c-4.83 2.725-10.841 2.416-16.48-.85l-45.4-26.295l-44.429 70.652c-3.385 5.386-8.523 8.47-14.106 8.47"/></svg> </template>
CSS
.icon-dcos-icon {
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%20256%20201%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsCIPpcei%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237d58ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff007d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGsCIPpcei)%22%20d%3D%22m40.353%2017.021l97.434%2056.428l82.12-56.428zm113.812%2065.91l26.589%2015.404l37.284-59.292zM34.332%2033.267l48.855%2077.697l39.02-26.808zm161.295%2073.677l43.134%2024.98V38.353zM17.24%2038.353v117.925L69.016%20120.7zm75.053%2087.094L128%20182.227l43.66-69.43l-33.08-19.158zm35.704%2075.086c-5.58%200-10.717-3.084-14.103-8.466v-.004l-35.771-56.88l-54.027%2037.126c-5.485%203.77-11.458%204.48-16.365%201.946C2.815%20171.721%200%20166.483%200%20159.878V21.201c0-8.242%204.786-15.4%2011.763-18.904C13.893.96%2016.982.004%2021.455%200h213.09c4.169.004%207.147.867%209.277%202.09C251.02%205.517%20256%2012.794%20256%2021.201v112.89c0%206.46-2.764%2011.732-7.589%2014.465c-4.83%202.725-10.841%202.416-16.48-.85l-45.4-26.295l-44.429%2070.652c-3.385%205.386-8.523%208.47-14.106%208.47%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%20256%20201%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsCIPpcei%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%237d58ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff007d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGsCIPpcei)%22%20d%3D%22m40.353%2017.021l97.434%2056.428l82.12-56.428zm113.812%2065.91l26.589%2015.404l37.284-59.292zM34.332%2033.267l48.855%2077.697l39.02-26.808zm161.295%2073.677l43.134%2024.98V38.353zM17.24%2038.353v117.925L69.016%20120.7zm75.053%2087.094L128%20182.227l43.66-69.43l-33.08-19.158zm35.704%2075.086c-5.58%200-10.717-3.084-14.103-8.466v-.004l-35.771-56.88l-54.027%2037.126c-5.485%203.77-11.458%204.48-16.365%201.946C2.815%20171.721%200%20166.483%200%20159.878V21.201c0-8.242%204.786-15.4%2011.763-18.904C13.893.96%2016.982.004%2021.455%200h213.09c4.169.004%207.147.867%209.277%202.09C251.02%205.517%20256%2012.794%20256%2021.201v112.89c0%206.46-2.764%2011.732-7.589%2014.465c-4.83%202.725-10.841%202.416-16.48-.85l-45.4-26.295l-44.429%2070.652c-3.385%205.386-8.523%208.47-14.106%208.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/dcos-icon.svg?color=%231a73e8&size=48
