tunein logo
tunein from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- tunein
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the tunein logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.66 11.398v.742c0 .105-.11.105-.11.105h-.847s-.11 0-.11.11v4.03c0 .11-.105.11-.105.11h-.855c-.106 0-.106-.11-.106-.11v-4.03s0-.11-.109-.11h-.844c-.105 0-.105-.105-.105-.105v-.742c0-.106.105-.106.105-.106H7.66zm15.458-7.52H12.301c-.68 0-.836.16-.836.816v2.414c0 .493 0 .493-.492.493H.813C.137 7.6 0 7.737 0 8.425v5.41c0 1.754 0 3.508.023 5.266c0 .922.102 1.02 1.04 1.02H9.89c.664 0 1.32.01 1.984-.01c.48-.006.669-.202.669-.682v-2.56c0-.468 0-.468.469-.468h10.195c.633 0 .793-.152.793-.78V4.736c0-.7-.164-.86-.883-.86zm-11.64 14.625c0 .5-.013.5-.525.5c-3.148 0-6.293 0-9.445.008c-.32 0-.43-.078-.43-.418c.016-3.16.008-6.324 0-9.48c-.008-.34.086-.446.442-.446c3.187.012 6.363.008 9.55.008c.117 0 .23.015.4.023c0 .18 0 .32.01.442c-.003 3.113-.003 6.242-.003 9.363zm7.69-5.844c0 .102-.104.102-.104.102h-2.57c-.106 0-.106-.102-.106-.102v-.72c0-.1.105-.1.105-.1h.617s.102 0 .102-.102V8.659s0-.101-.102-.101h-.515c-.102 0-.102-.102-.102-.102v-.82c0-.106.102-.106.102-.106h2.367c.102 0 .102.106.102.106v.715c0 .105-.102.105-.102.105h-.516s-.101 0-.101.102v3.074s0 .105.1.105h.618c.106 0 .106.102.106.102z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTunein(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.66 11.398v.742c0 .105-.11.105-.11.105h-.847s-.11 0-.11.11v4.03c0 .11-.105.11-.105.11h-.855c-.106 0-.106-.11-.106-.11v-4.03s0-.11-.109-.11h-.844c-.105 0-.105-.105-.105-.105v-.742c0-.106.105-.106.105-.106H7.66zm15.458-7.52H12.301c-.68 0-.836.16-.836.816v2.414c0 .493 0 .493-.492.493H.813C.137 7.6 0 7.737 0 8.425v5.41c0 1.754 0 3.508.023 5.266c0 .922.102 1.02 1.04 1.02H9.89c.664 0 1.32.01 1.984-.01c.48-.006.669-.202.669-.682v-2.56c0-.468 0-.468.469-.468h10.195c.633 0 .793-.152.793-.78V4.736c0-.7-.164-.86-.883-.86zm-11.64 14.625c0 .5-.013.5-.525.5c-3.148 0-6.293 0-9.445.008c-.32 0-.43-.078-.43-.418c.016-3.16.008-6.324 0-9.48c-.008-.34.086-.446.442-.446c3.187.012 6.363.008 9.55.008c.117 0 .23.015.4.023c0 .18 0 .32.01.442c-.003 3.113-.003 6.242-.003 9.363zm7.69-5.844c0 .102-.104.102-.104.102h-2.57c-.106 0-.106-.102-.106-.102v-.72c0-.1.105-.1.105-.1h.617s.102 0 .102-.102V8.659s0-.101-.102-.101h-.515c-.102 0-.102-.102-.102-.102v-.82c0-.106.102-.106.102-.106h2.367c.102 0 .102.106.102.106v.715c0 .105-.102.105-.102.105h-.516s-.101 0-.101.102v3.074s0 .105.1.105h.618c.106 0 .106.102.106.102z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.66 11.398v.742c0 .105-.11.105-.11.105h-.847s-.11 0-.11.11v4.03c0 .11-.105.11-.105.11h-.855c-.106 0-.106-.11-.106-.11v-4.03s0-.11-.109-.11h-.844c-.105 0-.105-.105-.105-.105v-.742c0-.106.105-.106.105-.106H7.66zm15.458-7.52H12.301c-.68 0-.836.16-.836.816v2.414c0 .493 0 .493-.492.493H.813C.137 7.6 0 7.737 0 8.425v5.41c0 1.754 0 3.508.023 5.266c0 .922.102 1.02 1.04 1.02H9.89c.664 0 1.32.01 1.984-.01c.48-.006.669-.202.669-.682v-2.56c0-.468 0-.468.469-.468h10.195c.633 0 .793-.152.793-.78V4.736c0-.7-.164-.86-.883-.86zm-11.64 14.625c0 .5-.013.5-.525.5c-3.148 0-6.293 0-9.445.008c-.32 0-.43-.078-.43-.418c.016-3.16.008-6.324 0-9.48c-.008-.34.086-.446.442-.446c3.187.012 6.363.008 9.55.008c.117 0 .23.015.4.023c0 .18 0 .32.01.442c-.003 3.113-.003 6.242-.003 9.363zm7.69-5.844c0 .102-.104.102-.104.102h-2.57c-.106 0-.106-.102-.106-.102v-.72c0-.1.105-.1.105-.1h.617s.102 0 .102-.102V8.659s0-.101-.102-.101h-.515c-.102 0-.102-.102-.102-.102v-.82c0-.106.102-.106.102-.106h2.367c.102 0 .102.106.102.106v.715c0 .105-.102.105-.102.105h-.516s-.101 0-.101.102v3.074s0 .105.1.105h.618c.106 0 .106.102.106.102z"/></svg> </template>
CSS
.icon-tunein {
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%22currentColor%22%20d%3D%22M7.66%2011.398v.742c0%20.105-.11.105-.11.105h-.847s-.11%200-.11.11v4.03c0%20.11-.105.11-.105.11h-.855c-.106%200-.106-.11-.106-.11v-4.03s0-.11-.109-.11h-.844c-.105%200-.105-.105-.105-.105v-.742c0-.106.105-.106.105-.106H7.66zm15.458-7.52H12.301c-.68%200-.836.16-.836.816v2.414c0%20.493%200%20.493-.492.493H.813C.137%207.6%200%207.737%200%208.425v5.41c0%201.754%200%203.508.023%205.266c0%20.922.102%201.02%201.04%201.02H9.89c.664%200%201.32.01%201.984-.01c.48-.006.669-.202.669-.682v-2.56c0-.468%200-.468.469-.468h10.195c.633%200%20.793-.152.793-.78V4.736c0-.7-.164-.86-.883-.86zm-11.64%2014.625c0%20.5-.013.5-.525.5c-3.148%200-6.293%200-9.445.008c-.32%200-.43-.078-.43-.418c.016-3.16.008-6.324%200-9.48c-.008-.34.086-.446.442-.446c3.187.012%206.363.008%209.55.008c.117%200%20.23.015.4.023c0%20.18%200%20.32.01.442c-.003%203.113-.003%206.242-.003%209.363zm7.69-5.844c0%20.102-.104.102-.104.102h-2.57c-.106%200-.106-.102-.106-.102v-.72c0-.1.105-.1.105-.1h.617s.102%200%20.102-.102V8.659s0-.101-.102-.101h-.515c-.102%200-.102-.102-.102-.102v-.82c0-.106.102-.106.102-.106h2.367c.102%200%20.102.106.102.106v.715c0%20.105-.102.105-.102.105h-.516s-.101%200-.101.102v3.074s0%20.105.1.105h.618c.106%200%20.106.102.106.102z%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%22currentColor%22%20d%3D%22M7.66%2011.398v.742c0%20.105-.11.105-.11.105h-.847s-.11%200-.11.11v4.03c0%20.11-.105.11-.105.11h-.855c-.106%200-.106-.11-.106-.11v-4.03s0-.11-.109-.11h-.844c-.105%200-.105-.105-.105-.105v-.742c0-.106.105-.106.105-.106H7.66zm15.458-7.52H12.301c-.68%200-.836.16-.836.816v2.414c0%20.493%200%20.493-.492.493H.813C.137%207.6%200%207.737%200%208.425v5.41c0%201.754%200%203.508.023%205.266c0%20.922.102%201.02%201.04%201.02H9.89c.664%200%201.32.01%201.984-.01c.48-.006.669-.202.669-.682v-2.56c0-.468%200-.468.469-.468h10.195c.633%200%20.793-.152.793-.78V4.736c0-.7-.164-.86-.883-.86zm-11.64%2014.625c0%20.5-.013.5-.525.5c-3.148%200-6.293%200-9.445.008c-.32%200-.43-.078-.43-.418c.016-3.16.008-6.324%200-9.48c-.008-.34.086-.446.442-.446c3.187.012%206.363.008%209.55.008c.117%200%20.23.015.4.023c0%20.18%200%20.32.01.442c-.003%203.113-.003%206.242-.003%209.363zm7.69-5.844c0%20.102-.104.102-.104.102h-2.57c-.106%200-.106-.102-.106-.102v-.72c0-.1.105-.1.105-.1h.617s.102%200%20.102-.102V8.659s0-.101-.102-.101h-.515c-.102%200-.102-.102-.102-.102v-.82c0-.106.102-.106.102-.106h2.367c.102%200%20.102.106.102.106v.715c0%20.105-.102.105-.102.105h-.516s-.101%200-.101.102v3.074s0%20.105.1.105h.618c.106%200%20.106.102.106.102z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/tunein.svg?color=%231a73e8&size=48
