cds logo

cds from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
cds
Set
Material Icon Theme
Style
Color
Viewbox
16×16
License
MIT

Use the cds logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="#0288d1"><rect width="4" height="1" x="7" y="9" ry=".5"/><rect width="3" height="1" x="8" y="11" ry=".5"/><rect width="4" height="1" x="7" y="13" ry=".5"/><path d="m5 9l-1 1l1.5 1.5L4 13l1 1l2.5-2.5z"/><path d="M6 2a3 3 0 0 0-2.598 1.5a3 3 0 0 0-.187 2.607a3 3 0 0 0-1.514.965a3 3 0 0 0-.42 3.196A3 3 0 0 0 4 12v-1a2 2 0 0 1-2-2a2 2 0 0 1 2-2a2 2 0 0 1 .515.076l.159-.591A2 2 0 0 1 4 5a2 2 0 0 1 2-2a2 2 0 0 1 2 2l.594.594A2 2 0 0 1 10 5a2 2 0 0 1 2 2a2 2 0 0 1 2 2a2 2 0 0 1-2 2v1a3 3 0 0 0 2.898-2.223A3 3 0 0 0 13.5 6.402a3 3 0 0 0-.63-.267a3 3 0 0 0-1.722-1.906a3 3 0 0 0-2.252-.014a3 3 0 0 0-2.119-2.113A3 3 0 0 0 6 2"/></g></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeCds(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="#0288d1"><rect width="4" height="1" x="7" y="9" ry=".5"/><rect width="3" height="1" x="8" y="11" ry=".5"/><rect width="4" height="1" x="7" y="13" ry=".5"/><path d="m5 9l-1 1l1.5 1.5L4 13l1 1l2.5-2.5z"/><path d="M6 2a3 3 0 0 0-2.598 1.5a3 3 0 0 0-.187 2.607a3 3 0 0 0-1.514.965a3 3 0 0 0-.42 3.196A3 3 0 0 0 4 12v-1a2 2 0 0 1-2-2a2 2 0 0 1 2-2a2 2 0 0 1 .515.076l.159-.591A2 2 0 0 1 4 5a2 2 0 0 1 2-2a2 2 0 0 1 2 2l.594.594A2 2 0 0 1 10 5a2 2 0 0 1 2 2a2 2 0 0 1 2 2a2 2 0 0 1-2 2v1a3 3 0 0 0 2.898-2.223A3 3 0 0 0 13.5 6.402a3 3 0 0 0-.63-.267a3 3 0 0 0-1.722-1.906a3 3 0 0 0-2.252-.014a3 3 0 0 0-2.119-2.113A3 3 0 0 0 6 2"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="#0288d1"><rect width="4" height="1" x="7" y="9" ry=".5"/><rect width="3" height="1" x="8" y="11" ry=".5"/><rect width="4" height="1" x="7" y="13" ry=".5"/><path d="m5 9l-1 1l1.5 1.5L4 13l1 1l2.5-2.5z"/><path d="M6 2a3 3 0 0 0-2.598 1.5a3 3 0 0 0-.187 2.607a3 3 0 0 0-1.514.965a3 3 0 0 0-.42 3.196A3 3 0 0 0 4 12v-1a2 2 0 0 1-2-2a2 2 0 0 1 2-2a2 2 0 0 1 .515.076l.159-.591A2 2 0 0 1 4 5a2 2 0 0 1 2-2a2 2 0 0 1 2 2l.594.594A2 2 0 0 1 10 5a2 2 0 0 1 2 2a2 2 0 0 1 2 2a2 2 0 0 1-2 2v1a3 3 0 0 0 2.898-2.223A3 3 0 0 0 13.5 6.402a3 3 0 0 0-.63-.267a3 3 0 0 0-1.722-1.906a3 3 0 0 0-2.252-.014a3 3 0 0 0-2.119-2.113A3 3 0 0 0 6 2"/></g></svg>
</template>

CSS

.icon-cds {
  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%2016%2016%22%3E%3Cg%20fill%3D%22%230288d1%22%3E%3Crect%20width%3D%224%22%20height%3D%221%22%20x%3D%227%22%20y%3D%229%22%20ry%3D%22.5%22%2F%3E%3Crect%20width%3D%223%22%20height%3D%221%22%20x%3D%228%22%20y%3D%2211%22%20ry%3D%22.5%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%221%22%20x%3D%227%22%20y%3D%2213%22%20ry%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m5%209l-1%201l1.5%201.5L4%2013l1%201l2.5-2.5z%22%2F%3E%3Cpath%20d%3D%22M6%202a3%203%200%200%200-2.598%201.5a3%203%200%200%200-.187%202.607a3%203%200%200%200-1.514.965a3%203%200%200%200-.42%203.196A3%203%200%200%200%204%2012v-1a2%202%200%200%201-2-2a2%202%200%200%201%202-2a2%202%200%200%201%20.515.076l.159-.591A2%202%200%200%201%204%205a2%202%200%200%201%202-2a2%202%200%200%201%202%202l.594.594A2%202%200%200%201%2010%205a2%202%200%200%201%202%202a2%202%200%200%201%202%202a2%202%200%200%201-2%202v1a3%203%200%200%200%202.898-2.223A3%203%200%200%200%2013.5%206.402a3%203%200%200%200-.63-.267a3%203%200%200%200-1.722-1.906a3%203%200%200%200-2.252-.014a3%203%200%200%200-2.119-2.113A3%203%200%200%200%206%202%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%2016%2016%22%3E%3Cg%20fill%3D%22%230288d1%22%3E%3Crect%20width%3D%224%22%20height%3D%221%22%20x%3D%227%22%20y%3D%229%22%20ry%3D%22.5%22%2F%3E%3Crect%20width%3D%223%22%20height%3D%221%22%20x%3D%228%22%20y%3D%2211%22%20ry%3D%22.5%22%2F%3E%3Crect%20width%3D%224%22%20height%3D%221%22%20x%3D%227%22%20y%3D%2213%22%20ry%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m5%209l-1%201l1.5%201.5L4%2013l1%201l2.5-2.5z%22%2F%3E%3Cpath%20d%3D%22M6%202a3%203%200%200%200-2.598%201.5a3%203%200%200%200-.187%202.607a3%203%200%200%200-1.514.965a3%203%200%200%200-.42%203.196A3%203%200%200%200%204%2012v-1a2%202%200%200%201-2-2a2%202%200%200%201%202-2a2%202%200%200%201%20.515.076l.159-.591A2%202%200%200%201%204%205a2%202%200%200%201%202-2a2%202%200%200%201%202%202l.594.594A2%202%200%200%201%2010%205a2%202%200%200%201%202%202a2%202%200%200%201%202%202a2%202%200%200%201-2%202v1a3%203%200%200%200%202.898-2.223A3%203%200%200%200%2013.5%206.402a3%203%200%200%200-.63-.267a3%203%200%200%200-1.722-1.906a3%203%200%200%200-2.252-.014a3%203%200%200%200-2.119-2.113A3%203%200%200%200%206%202%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/cds.svg?color=%231a73e8&size=48