bbc logo

bbc from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
bbc
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the bbc logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 8.57v6.857h-6.857V8.57H24Zm-8.571 0v6.857H8.57V8.57h6.858Zm-8.572 0v6.857H0V8.57h6.857Zm14.03 1.459c-.31 0-.588.046-.836.137a1.732 1.732 0 0 0-1.048 1.018a2.213 2.213 0 0 0-.142.812c0 .307.045.582.136.827c.09.245.221.452.392.622c.17.169.38.298.626.388c.247.09.525.135.833.135c.232 0 .454-.025.664-.077c.21-.05.396-.12.556-.208v-.735a2.067 2.067 0 0 1-1.106.312c-.26 0-.483-.05-.667-.148a.986.986 0 0 1-.419-.431a1.491 1.491 0 0 1-.144-.685c0-.268.05-.495.15-.682a1.014 1.014 0 0 1 .43-.428c.187-.1.413-.148.678-.148c.192 0 .375.025.55.076a1.779 1.779 0 0 1 .484.225v-.751a2.255 2.255 0 0 0-.53-.193a2.692 2.692 0 0 0-.608-.066Zm-8.94.041H10.5v3.857h1.537c.304 0 .564-.045.781-.135c.217-.09.384-.217.501-.383a1 1 0 0 0 .176-.593a.977.977 0 0 0-.181-.596a1.028 1.028 0 0 0-.522-.359a.866.866 0 0 0 .372-.321a.884.884 0 0 0 .126-.477c0-.32-.117-.566-.351-.737c-.235-.17-.565-.256-.991-.256Zm-8.57 0H1.928v3.857h1.536c.305 0 .565-.045.782-.135a1.12 1.12 0 0 0 .5-.383a1 1 0 0 0 .176-.593a.977.977 0 0 0-.18-.596a1.027 1.027 0 0 0-.523-.359a.866.866 0 0 0 .373-.321a.884.884 0 0 0 .126-.477c0-.32-.117-.566-.352-.737c-.234-.17-.564-.256-.99-.256Zm8.597 2.19c.479 0 .718.177.718.529a.436.436 0 0 1-.189.38c-.125.088-.306.132-.54.132h-.682v-1.04h.693Zm-8.572 0c.48 0 .719.177.719.529a.436.436 0 0 1-.189.38c-.126.088-.306.132-.54.132H2.71v-1.04h.692Zm8.472-1.564c.416 0 .624.153.624.458a.453.453 0 0 1-.16.37c-.106.088-.261.132-.464.132h-.593v-.96h.593Zm-8.571 0c.416 0 .624.153.624.458a.452.452 0 0 1-.16.37c-.107.088-.262.132-.464.132H2.71v-.96h.593Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsBbc(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="M24 8.57v6.857h-6.857V8.57H24Zm-8.571 0v6.857H8.57V8.57h6.858Zm-8.572 0v6.857H0V8.57h6.857Zm14.03 1.459c-.31 0-.588.046-.836.137a1.732 1.732 0 0 0-1.048 1.018a2.213 2.213 0 0 0-.142.812c0 .307.045.582.136.827c.09.245.221.452.392.622c.17.169.38.298.626.388c.247.09.525.135.833.135c.232 0 .454-.025.664-.077c.21-.05.396-.12.556-.208v-.735a2.067 2.067 0 0 1-1.106.312c-.26 0-.483-.05-.667-.148a.986.986 0 0 1-.419-.431a1.491 1.491 0 0 1-.144-.685c0-.268.05-.495.15-.682a1.014 1.014 0 0 1 .43-.428c.187-.1.413-.148.678-.148c.192 0 .375.025.55.076a1.779 1.779 0 0 1 .484.225v-.751a2.255 2.255 0 0 0-.53-.193a2.692 2.692 0 0 0-.608-.066Zm-8.94.041H10.5v3.857h1.537c.304 0 .564-.045.781-.135c.217-.09.384-.217.501-.383a1 1 0 0 0 .176-.593a.977.977 0 0 0-.181-.596a1.028 1.028 0 0 0-.522-.359a.866.866 0 0 0 .372-.321a.884.884 0 0 0 .126-.477c0-.32-.117-.566-.351-.737c-.235-.17-.565-.256-.991-.256Zm-8.57 0H1.928v3.857h1.536c.305 0 .565-.045.782-.135a1.12 1.12 0 0 0 .5-.383a1 1 0 0 0 .176-.593a.977.977 0 0 0-.18-.596a1.027 1.027 0 0 0-.523-.359a.866.866 0 0 0 .373-.321a.884.884 0 0 0 .126-.477c0-.32-.117-.566-.352-.737c-.234-.17-.564-.256-.99-.256Zm8.597 2.19c.479 0 .718.177.718.529a.436.436 0 0 1-.189.38c-.125.088-.306.132-.54.132h-.682v-1.04h.693Zm-8.572 0c.48 0 .719.177.719.529a.436.436 0 0 1-.189.38c-.126.088-.306.132-.54.132H2.71v-1.04h.692Zm8.472-1.564c.416 0 .624.153.624.458a.453.453 0 0 1-.16.37c-.106.088-.261.132-.464.132h-.593v-.96h.593Zm-8.571 0c.416 0 .624.153.624.458a.452.452 0 0 1-.16.37c-.107.088-.262.132-.464.132H2.71v-.96h.593Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 8.57v6.857h-6.857V8.57H24Zm-8.571 0v6.857H8.57V8.57h6.858Zm-8.572 0v6.857H0V8.57h6.857Zm14.03 1.459c-.31 0-.588.046-.836.137a1.732 1.732 0 0 0-1.048 1.018a2.213 2.213 0 0 0-.142.812c0 .307.045.582.136.827c.09.245.221.452.392.622c.17.169.38.298.626.388c.247.09.525.135.833.135c.232 0 .454-.025.664-.077c.21-.05.396-.12.556-.208v-.735a2.067 2.067 0 0 1-1.106.312c-.26 0-.483-.05-.667-.148a.986.986 0 0 1-.419-.431a1.491 1.491 0 0 1-.144-.685c0-.268.05-.495.15-.682a1.014 1.014 0 0 1 .43-.428c.187-.1.413-.148.678-.148c.192 0 .375.025.55.076a1.779 1.779 0 0 1 .484.225v-.751a2.255 2.255 0 0 0-.53-.193a2.692 2.692 0 0 0-.608-.066Zm-8.94.041H10.5v3.857h1.537c.304 0 .564-.045.781-.135c.217-.09.384-.217.501-.383a1 1 0 0 0 .176-.593a.977.977 0 0 0-.181-.596a1.028 1.028 0 0 0-.522-.359a.866.866 0 0 0 .372-.321a.884.884 0 0 0 .126-.477c0-.32-.117-.566-.351-.737c-.235-.17-.565-.256-.991-.256Zm-8.57 0H1.928v3.857h1.536c.305 0 .565-.045.782-.135a1.12 1.12 0 0 0 .5-.383a1 1 0 0 0 .176-.593a.977.977 0 0 0-.18-.596a1.027 1.027 0 0 0-.523-.359a.866.866 0 0 0 .373-.321a.884.884 0 0 0 .126-.477c0-.32-.117-.566-.352-.737c-.234-.17-.564-.256-.99-.256Zm8.597 2.19c.479 0 .718.177.718.529a.436.436 0 0 1-.189.38c-.125.088-.306.132-.54.132h-.682v-1.04h.693Zm-8.572 0c.48 0 .719.177.719.529a.436.436 0 0 1-.189.38c-.126.088-.306.132-.54.132H2.71v-1.04h.692Zm8.472-1.564c.416 0 .624.153.624.458a.453.453 0 0 1-.16.37c-.106.088-.261.132-.464.132h-.593v-.96h.593Zm-8.571 0c.416 0 .624.153.624.458a.452.452 0 0 1-.16.37c-.107.088-.262.132-.464.132H2.71v-.96h.593Z"/></svg>
</template>

CSS

.icon-bbc {
  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%22M24%208.57v6.857h-6.857V8.57H24Zm-8.571%200v6.857H8.57V8.57h6.858Zm-8.572%200v6.857H0V8.57h6.857Zm14.03%201.459c-.31%200-.588.046-.836.137a1.732%201.732%200%200%200-1.048%201.018a2.213%202.213%200%200%200-.142.812c0%20.307.045.582.136.827c.09.245.221.452.392.622c.17.169.38.298.626.388c.247.09.525.135.833.135c.232%200%20.454-.025.664-.077c.21-.05.396-.12.556-.208v-.735a2.067%202.067%200%200%201-1.106.312c-.26%200-.483-.05-.667-.148a.986.986%200%200%201-.419-.431a1.491%201.491%200%200%201-.144-.685c0-.268.05-.495.15-.682a1.014%201.014%200%200%201%20.43-.428c.187-.1.413-.148.678-.148c.192%200%20.375.025.55.076a1.779%201.779%200%200%201%20.484.225v-.751a2.255%202.255%200%200%200-.53-.193a2.692%202.692%200%200%200-.608-.066Zm-8.94.041H10.5v3.857h1.537c.304%200%20.564-.045.781-.135c.217-.09.384-.217.501-.383a1%201%200%200%200%20.176-.593a.977.977%200%200%200-.181-.596a1.028%201.028%200%200%200-.522-.359a.866.866%200%200%200%20.372-.321a.884.884%200%200%200%20.126-.477c0-.32-.117-.566-.351-.737c-.235-.17-.565-.256-.991-.256Zm-8.57%200H1.928v3.857h1.536c.305%200%20.565-.045.782-.135a1.12%201.12%200%200%200%20.5-.383a1%201%200%200%200%20.176-.593a.977.977%200%200%200-.18-.596a1.027%201.027%200%200%200-.523-.359a.866.866%200%200%200%20.373-.321a.884.884%200%200%200%20.126-.477c0-.32-.117-.566-.352-.737c-.234-.17-.564-.256-.99-.256Zm8.597%202.19c.479%200%20.718.177.718.529a.436.436%200%200%201-.189.38c-.125.088-.306.132-.54.132h-.682v-1.04h.693Zm-8.572%200c.48%200%20.719.177.719.529a.436.436%200%200%201-.189.38c-.126.088-.306.132-.54.132H2.71v-1.04h.692Zm8.472-1.564c.416%200%20.624.153.624.458a.453.453%200%200%201-.16.37c-.106.088-.261.132-.464.132h-.593v-.96h.593Zm-8.571%200c.416%200%20.624.153.624.458a.452.452%200%200%201-.16.37c-.107.088-.262.132-.464.132H2.71v-.96h.593Z%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%22M24%208.57v6.857h-6.857V8.57H24Zm-8.571%200v6.857H8.57V8.57h6.858Zm-8.572%200v6.857H0V8.57h6.857Zm14.03%201.459c-.31%200-.588.046-.836.137a1.732%201.732%200%200%200-1.048%201.018a2.213%202.213%200%200%200-.142.812c0%20.307.045.582.136.827c.09.245.221.452.392.622c.17.169.38.298.626.388c.247.09.525.135.833.135c.232%200%20.454-.025.664-.077c.21-.05.396-.12.556-.208v-.735a2.067%202.067%200%200%201-1.106.312c-.26%200-.483-.05-.667-.148a.986.986%200%200%201-.419-.431a1.491%201.491%200%200%201-.144-.685c0-.268.05-.495.15-.682a1.014%201.014%200%200%201%20.43-.428c.187-.1.413-.148.678-.148c.192%200%20.375.025.55.076a1.779%201.779%200%200%201%20.484.225v-.751a2.255%202.255%200%200%200-.53-.193a2.692%202.692%200%200%200-.608-.066Zm-8.94.041H10.5v3.857h1.537c.304%200%20.564-.045.781-.135c.217-.09.384-.217.501-.383a1%201%200%200%200%20.176-.593a.977.977%200%200%200-.181-.596a1.028%201.028%200%200%200-.522-.359a.866.866%200%200%200%20.372-.321a.884.884%200%200%200%20.126-.477c0-.32-.117-.566-.351-.737c-.235-.17-.565-.256-.991-.256Zm-8.57%200H1.928v3.857h1.536c.305%200%20.565-.045.782-.135a1.12%201.12%200%200%200%20.5-.383a1%201%200%200%200%20.176-.593a.977.977%200%200%200-.18-.596a1.027%201.027%200%200%200-.523-.359a.866.866%200%200%200%20.373-.321a.884.884%200%200%200%20.126-.477c0-.32-.117-.566-.352-.737c-.234-.17-.564-.256-.99-.256Zm8.597%202.19c.479%200%20.718.177.718.529a.436.436%200%200%201-.189.38c-.125.088-.306.132-.54.132h-.682v-1.04h.693Zm-8.572%200c.48%200%20.719.177.719.529a.436.436%200%200%201-.189.38c-.126.088-.306.132-.54.132H2.71v-1.04h.692Zm8.472-1.564c.416%200%20.624.153.624.458a.453.453%200%200%201-.16.37c-.106.088-.261.132-.464.132h-.593v-.96h.593Zm-8.571%200c.416%200%20.624.153.624.458a.452.452%200%200%201-.16.37c-.107.088-.262.132-.464.132H2.71v-.96h.593Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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