tcl logo

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

Name
tcl
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Use the tcl logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ef5350" d="M21.492 2.51S14.24 2.157 8.526 9.988c-4.385 6.008-6.018 11.504-6.018 11.504l1.842-.95c1.366-2.372 2.078-3.35 3.417-4.745c2.401.702 4.907.617 7.08-1.899c-1.898-.53-3.416-.408-5.657-.18C11.706 12 13.424 11.62 15.797 12l.949-1.898c-1.709-.323-2.848-.352-4.537.038c1.87-1.32 3.17-2.06 5.486-1.937l1.148-1.832c-1.48-.104-2.372.057-4.072.475C16.3 5.46 17.695 4.834 19.726 4.71c0 0 .997-1.793 1.766-2.202z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeTcl(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ef5350" d="M21.492 2.51S14.24 2.157 8.526 9.988c-4.385 6.008-6.018 11.504-6.018 11.504l1.842-.95c1.366-2.372 2.078-3.35 3.417-4.745c2.401.702 4.907.617 7.08-1.899c-1.898-.53-3.416-.408-5.657-.18C11.706 12 13.424 11.62 15.797 12l.949-1.898c-1.709-.323-2.848-.352-4.537.038c1.87-1.32 3.17-2.06 5.486-1.937l1.148-1.832c-1.48-.104-2.372.057-4.072.475C16.3 5.46 17.695 4.834 19.726 4.71c0 0 .997-1.793 1.766-2.202z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ef5350" d="M21.492 2.51S14.24 2.157 8.526 9.988c-4.385 6.008-6.018 11.504-6.018 11.504l1.842-.95c1.366-2.372 2.078-3.35 3.417-4.745c2.401.702 4.907.617 7.08-1.899c-1.898-.53-3.416-.408-5.657-.18C11.706 12 13.424 11.62 15.797 12l.949-1.898c-1.709-.323-2.848-.352-4.537.038c1.87-1.32 3.17-2.06 5.486-1.937l1.148-1.832c-1.48-.104-2.372.057-4.072.475C16.3 5.46 17.695 4.834 19.726 4.71c0 0 .997-1.793 1.766-2.202z"/></svg>
</template>

CSS

.icon-tcl {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M21.492%202.51S14.24%202.157%208.526%209.988c-4.385%206.008-6.018%2011.504-6.018%2011.504l1.842-.95c1.366-2.372%202.078-3.35%203.417-4.745c2.401.702%204.907.617%207.08-1.899c-1.898-.53-3.416-.408-5.657-.18C11.706%2012%2013.424%2011.62%2015.797%2012l.949-1.898c-1.709-.323-2.848-.352-4.537.038c1.87-1.32%203.17-2.06%205.486-1.937l1.148-1.832c-1.48-.104-2.372.057-4.072.475C16.3%205.46%2017.695%204.834%2019.726%204.71c0%200%20.997-1.793%201.766-2.202z%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%2024%2024%22%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M21.492%202.51S14.24%202.157%208.526%209.988c-4.385%206.008-6.018%2011.504-6.018%2011.504l1.842-.95c1.366-2.372%202.078-3.35%203.417-4.745c2.401.702%204.907.617%207.08-1.899c-1.898-.53-3.416-.408-5.657-.18C11.706%2012%2013.424%2011.62%2015.797%2012l.949-1.898c-1.709-.323-2.848-.352-4.537.038c1.87-1.32%203.17-2.06%205.486-1.937l1.148-1.832c-1.48-.104-2.372.057-4.072.475C16.3%205.46%2017.695%204.834%2019.726%204.71c0%200%20.997-1.793%201.766-2.202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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