Bravia icon

cbi:bravia

The Bravia icon (cbi:bravia) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12.001v-1.118l.664.015c.556.011.686.026.8.097a.53.53 0 0 1 .17.781c-.106.157-.106.159-.02.205c.23.124.331.557.192.827c-.123.237-.27.277-1.077.295L2 13.118Zm1.397.733c.118-.118.136-.416.032-.52c-.09-.09-.365-.144-.743-.146l-.294-.002v.791l.456-.015c.397-.011.468-.027.55-.109Zm-.094-1.044c.117-.15.115-.337-.005-.45c-.082-.076-.153-.088-.5-.088h-.406v.653h.41c.392 0 .415-.004.5-.115Zm1.265.306v-1.114l.642.016c.77.018.913.067 1.058.366c.163.338.033.688-.315.844l-.167.075l.327.436c.18.24.327.449.327.464s-.093.026-.207.026h-.207l-.804-1.153l.269-.026c.223-.023.287-.048.374-.15c.086-.1.101-.155.082-.295c-.036-.271-.104-.31-.575-.327l-.412-.015v1.967h-.392Zm2.266 1.062c.001-.03.222-.527.492-1.101l.49-1.045l.395-.023l.122.274c.068.151.216.47.329.71c.342.723.564 1.205.564 1.223c0 .011-.094.019-.21.019h-.209l-.272-.612l-1.108.022l-.12.283c-.117.277-.123.283-.297.297c-.125.007-.178-.004-.176-.044Zm1.558-.855c-.087-.222-.404-.877-.425-.877c-.028 0-.396.82-.396.881c0 .019.188.034.418.034s.41-.015.403-.038m1.553.267a67 67 0 0 0-.483-1.021c-.282-.576-.28-.559-.032-.557h.21l.41.892c.226.49.422.89.436.89c.013 0 .194-.397.402-.882l.378-.88l.177-.015a.5.5 0 0 1 .177.004q0 .024-.484 1.075l-.317.696l-.186.414l-.39.022Zm2.24-.47v-1.11h.393v2.22h-.392Zm.915 1.085c0-.016.149-.343.33-.73l.508-1.084l.177-.38h.379l.19.402c.447.943.81 1.74.81 1.778c0 .022-.088.04-.196.04h-.196l-.273-.61h-1.107l-.269.61h-.177c-.097 0-.176-.012-.176-.027Zm1.388-1.312c-.12-.256-.224-.472-.23-.48c-.008-.007-.078.14-.157.326l-.202.48l-.06.141h.867Zm2.268 1.313c0-.027.24-.338.63-.816c.132-.164.24-.312.24-.33c0-.027-.492-.646-.774-.973c-.062-.072-.047-.077.235-.076h.3l.56.709l.147-.17c.08-.093.207-.253.282-.354c.135-.184.138-.185.412-.185c.151 0 .275.019.275.038s-.176.25-.39.511a7 7 0 0 0-.393.497c0 .011.12.17.266.348c.146.179.353.438.46.575l.193.25h-.566l-.253-.31l-.34-.416l-.087-.103l-.326.415l-.326.415h-.273c-.15 0-.272-.012-.272-.027Zm2.163-.566l-.472-.588l.3-.358c.164-.196.354-.43.421-.52c.105-.14.148-.164.292-.164c.093 0 .17.012.17.027s-.169.23-.373.482a6 6 0 0 0-.395.514c-.02.05.263.431.709.956c.08.094.145.187.145.207s-.073.034-.163.034c-.157-.002-.182-.027-.635-.59Zm.87.562c-.016-.016-.03-.516-.03-1.11V10.89h.73c.4 0 .806.023.9.047c.36.1.535.461.408.845c-.047.145-.094.192-.285.285l-.228.111l.332.411l.375.466c.033.042-.02.054-.242.054h-.284l-.232-.293l-.46-.588l-.229-.294h.124c.267 0 .528-.058.613-.138c.138-.128.124-.437-.025-.555c-.099-.077-.176-.09-.544-.09h-.43v1.958h-.232c-.128 0-.245-.01-.261-.03Z"/></svg>

How to use the Bravia icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:bravia" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:bravia" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:bravia" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bravia]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bravia"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:bravia"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/bravia.svg" alt="Bravia icon" width="24" height="24">

Bravia icon FAQ

Is the Bravia icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Bravia icon in React?

Install @iconify/react and render <Icon icon="cbi:bravia" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bravia icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/bravia.svg" alt="Bravia icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →