chromecast logo
chromecast from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- chromecast
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the chromecast logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.989 4H4a2.67 2.67 0 0 0-2.67 2.67v3.995H4V6.67h23.989v18.66h-9.324V28H28a2.67 2.67 0 0 0 2.67-2.67V6.67A2.67 2.67 0 0 0 28 4zM1.33 23.974v3.995h3.994a3.995 3.995 0 0 0-3.995-3.995zm0-5.33v2.669a6.664 6.664 0 0 1 6.665 6.666V28h2.67c.006-5.149-4.163-9.328-9.313-9.335h-.021zm0-5.33v2.67c6.625-.006 12 5.359 12.005 11.984v.031h2.67c-.029-8.091-6.584-14.642-14.675-14.665z"/></svg>
React
import type { SVGProps } from "react";
export function CibChromecast(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.989 4H4a2.67 2.67 0 0 0-2.67 2.67v3.995H4V6.67h23.989v18.66h-9.324V28H28a2.67 2.67 0 0 0 2.67-2.67V6.67A2.67 2.67 0 0 0 28 4zM1.33 23.974v3.995h3.994a3.995 3.995 0 0 0-3.995-3.995zm0-5.33v2.669a6.664 6.664 0 0 1 6.665 6.666V28h2.67c.006-5.149-4.163-9.328-9.313-9.335h-.021zm0-5.33v2.67c6.625-.006 12 5.359 12.005 11.984v.031h2.67c-.029-8.091-6.584-14.642-14.675-14.665z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.989 4H4a2.67 2.67 0 0 0-2.67 2.67v3.995H4V6.67h23.989v18.66h-9.324V28H28a2.67 2.67 0 0 0 2.67-2.67V6.67A2.67 2.67 0 0 0 28 4zM1.33 23.974v3.995h3.994a3.995 3.995 0 0 0-3.995-3.995zm0-5.33v2.669a6.664 6.664 0 0 1 6.665 6.666V28h2.67c.006-5.149-4.163-9.328-9.313-9.335h-.021zm0-5.33v2.67c6.625-.006 12 5.359 12.005 11.984v.031h2.67c-.029-8.091-6.584-14.642-14.675-14.665z"/></svg> </template>
CSS
.icon-chromecast {
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%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.989%204H4a2.67%202.67%200%200%200-2.67%202.67v3.995H4V6.67h23.989v18.66h-9.324V28H28a2.67%202.67%200%200%200%202.67-2.67V6.67A2.67%202.67%200%200%200%2028%204zM1.33%2023.974v3.995h3.994a3.995%203.995%200%200%200-3.995-3.995zm0-5.33v2.669a6.664%206.664%200%200%201%206.665%206.666V28h2.67c.006-5.149-4.163-9.328-9.313-9.335h-.021zm0-5.33v2.67c6.625-.006%2012%205.359%2012.005%2011.984v.031h2.67c-.029-8.091-6.584-14.642-14.675-14.665z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.989%204H4a2.67%202.67%200%200%200-2.67%202.67v3.995H4V6.67h23.989v18.66h-9.324V28H28a2.67%202.67%200%200%200%202.67-2.67V6.67A2.67%202.67%200%200%200%2028%204zM1.33%2023.974v3.995h3.994a3.995%203.995%200%200%200-3.995-3.995zm0-5.33v2.669a6.664%206.664%200%200%201%206.665%206.666V28h2.67c.006-5.149-4.163-9.328-9.313-9.335h-.021zm0-5.33v2.67c6.625-.006%2012%205.359%2012.005%2011.984v.031h2.67c-.029-8.091-6.584-14.642-14.675-14.665z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/chromecast.svg?color=%231a73e8&size=48
