tv icon
tv from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- tv
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
tvBoxIcons v2tvBoxIcons v2 SolidtvCircle Flagstv-fillEva IconstvFramework7 IconstvFont Awesome 6 SolidtvFont Awesome SolidtvFeather Iconstv-1x1Flag IconstvFlagpacktv-16-filledFluent UI System Iconstvcss.ggtvHeroIconstvIconParktvIconPark OutlinetvIconoirtvIonIconstvLine AwesometvLucidetvMaterial SymbolstvMaterial Symbols LighttvMyna UI IconstvPixelarticonstv-fillRemix Icon
Use the tv icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5M13.991 3l.024.001a1.5 1.5 0 0 1 .538.143a.76.76 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.5 1.5 0 0 1-.143.538a.76.76 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.5 1.5 0 0 1-.538-.143a.76.76 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.5 1.5 0 0 1 .143-.538a.76.76 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2"/></svg>
React
import type { SVGProps } from "react";
export function BiTv(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5M13.991 3l.024.001a1.5 1.5 0 0 1 .538.143a.76.76 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.5 1.5 0 0 1-.143.538a.76.76 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.5 1.5 0 0 1-.538-.143a.76.76 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.5 1.5 0 0 1 .143-.538a.76.76 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5M13.991 3l.024.001a1.5 1.5 0 0 1 .538.143a.76.76 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.5 1.5 0 0 1-.143.538a.76.76 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.5 1.5 0 0 1-.538-.143a.76.76 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.5 1.5 0 0 1 .143-.538a.76.76 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2"/></svg> </template>
CSS
.icon-tv {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.5%2013.5A.5.5%200%200%201%203%2013h10a.5.5%200%200%201%200%201H3a.5.5%200%200%201-.5-.5M13.991%203l.024.001a1.5%201.5%200%200%201%20.538.143a.76.76%200%200%201%20.302.254c.067.1.145.277.145.602v5.991l-.001.024a1.5%201.5%200%200%201-.143.538a.76.76%200%200%201-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.5%201.5%200%200%201-.538-.143a.76.76%200%200%201-.302-.254C1.078%2010.502%201%2010.325%201%2010V4.009l.001-.024a1.5%201.5%200%200%201%20.143-.538a.76.76%200%200%201%20.254-.302C1.498%203.078%201.675%203%202%203zM14%202H2C0%202%200%204%200%204v6c0%202%202%202%202%202h12c2%200%202-2%202-2V4c0-2-2-2-2-2%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.5%2013.5A.5.5%200%200%201%203%2013h10a.5.5%200%200%201%200%201H3a.5.5%200%200%201-.5-.5M13.991%203l.024.001a1.5%201.5%200%200%201%20.538.143a.76.76%200%200%201%20.302.254c.067.1.145.277.145.602v5.991l-.001.024a1.5%201.5%200%200%201-.143.538a.76.76%200%200%201-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.5%201.5%200%200%201-.538-.143a.76.76%200%200%201-.302-.254C1.078%2010.502%201%2010.325%201%2010V4.009l.001-.024a1.5%201.5%200%200%201%20.143-.538a.76.76%200%200%201%20.254-.302C1.498%203.078%201.675%203%202%203zM14%202H2C0%202%200%204%200%204v6c0%202%202%202%202%202h12c2%200%202-2%202-2V4c0-2-2-2-2-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/tv.svg?color=%231a73e8&size=48
