Warner Bros icon

thesvg-color:warner-bros

The Warner Bros icon (thesvg-color:warner-bros) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 784 × 1000 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 784 × 1000
Tags: warnerbros, bro

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="784" height="1000" viewBox="0 0 784 1000"><path fill="#000b6c" d="M520.894 775.59c5.853 0 10.874-4.88 10.874-10.89c0-5.855-5.022-10.894-10.874-10.894c-6.013 0-10.913 5.038-10.913 10.894c-.001 6.01 4.9 10.89 10.913 10.89m-76.565-26.498c5.682 18.204 17.053 26.66 32.494 26.66c16.763 0 30.709-13.496 30.709-31.377c0-12.515-5.52-22.104-17.22-30.72l-12.204-9.107c-7.303-5.367-10.872-10.894-10.872-17.07c0-5.365 3.57-10.08 9.422-10.08c7.635 0 11.7 6.02 14.315 15.442l15.774-9.422c-5.355-16.747-15.443-23.738-29.262-23.738c-15.604 0-28.467 12.193-28.467 29.099c0 10.079 3.9 20.32 15.437 28.936l13.529 10.085c6.809 5.195 11.37 10.885 11.37 18.037c0 6.506-4.896 12.195-12.035 12.195c-9.254 0-14.48-6.829-17.72-18.208zm-39.345 9.266c-10.584 0-17.225-13.33-17.225-40.643c0-27.312 6.641-40.804 17.225-40.804c10.541 0 17.223 13.492 17.223 40.804s-6.682 40.643-17.223 40.643m0 17.718c22.246 0 35.773-19.186 35.773-58.36c0-39.184-13.694-58.523-35.773-58.523c-22.121 0-35.774 19.34-35.774 58.522c0 39.175 13.486 58.361 35.774 58.361m-60.801-80.145c0 10.566-7.178 17.553-19.502 21.946l-2.781.973v-40.479c14.774.657 22.283 7.481 22.283 17.56m2.12 78.682h20.292L346.59 726.33c9.756-6.985 15.775-16.746 15.775-30.4c0-22.107-17.225-35.114-41.586-35.114h-17.264v113.797h18.387v-36.9l2.117-.655c2.28-.651 4.398-1.463 6.516-2.272zm-91.387-49.254c11.87-2.927 21.455 1.783 21.455 12.024c0 11.709-11.201 20-26.975 20v-30.727zm14.317-33.006c0 7.967-6.017 14.467-16.892 16.746l-2.944.649v-31.54c12.368.324 19.836 5.69 19.836 14.145m25.36 44.868c0-12.356-6.682-21.778-18.056-25.682c6.684-5.689 10.583-13.171 10.583-20.649c0-18.367-15.77-30.072-40.338-30.072h-15.604v113.796h15.936c28.805-.001 47.479-15.77 47.479-37.393m-118.189-41.29c0 10.566-7.152 17.553-19.51 21.946l-2.76.973v-40.479c14.793.657 22.27 7.48 22.27 17.56m2.113 78.682h20.333l-20.004-48.282c9.754-6.985 15.773-16.746 15.773-30.4c0-22.107-17.237-35.114-41.623-35.114h-17.232v113.797h18.37v-36.9l2.117-.655c2.272-.651 4.39-1.463 6.5-2.272zm-105.175 0h54.133v-17.56H91.71v-32.189h26.82V706.82H91.71v-28.45h32.188l3.577-17.555H73.342zm-77.866 0h17.885v-70.715l29.587 70.715H60.99V660.816H43.109v70.715l-29.59-70.715H-4.524zm-27.96-78.682c0 10.566-7.153 17.553-19.511 21.946l-2.763.973v-40.479c14.796.657 22.273 7.48 22.273 17.56m2.115 78.682h20.317L-30.05 726.33c9.755-6.985 15.77-16.746 15.77-30.4c0-22.107-17.23-35.114-41.615-35.114h-17.232v113.797h18.367v-36.9l2.116-.655c2.277-.651 4.39-1.463 6.5-2.272zm-93.64-38.855l9.27-48.6l9.265 48.6zm-25.681 38.855h18.205l4.061-21.299h25.362l4.07 21.299h18.853l-22.923-113.797h-24.71zm-79.5 0h18.536l13.812-72.343l13.821 72.343h18.533l23.408-113.797h-18.366l-14.474 73.97l-13.973-73.97h-17.237l-13.978 73.97l-14.305-73.97h-19.021z"/><path fill="#0541a8" d="M452.703-81.062c-.842-3.359-1.68-4.619-3.356-5.037l-60.476-15.96l-8.402-34.437c-.417-1.68-.837-2.94-2.523-3.36l-62.151-16.799l-7.56-32.758c-.42-2.52-1.681-3.778-3.36-4.201l-161.468-29.942c-2.64-.49-5.353-.49-8.002 0l-161.472 29.942c-1.656.423-2.943 1.68-3.357 4.201l-7.547 32.758l-62.16 16.8c-1.7.418-2.114 1.678-2.527 3.359l-8.378 34.436l-60.5 15.96c-1.656.42-2.53 1.68-3.356 5.038c-5.021 26.038-7.547 53.758-7.547 81.473c0 241.903 125.974 451.87 314.127 577.053c2.523 1.661 5.041 3.362 6.722 3.362c1.68 0 4.2-1.702 6.718-3.362C334.273 452.28 460.264 242.314 460.264.411c0-27.714-2.522-55.435-7.56-81.473"/><path fill="#fff" d="M115.894 466.17c0 1.701-1.676 2.527-3.352.87c-46.189-52.91-77.28-117.599-98.264-188.125l-31.886 20.154c-8.414 5.88-15.136 3.362-20.149-5.876C-80.593 217.616-108.295 93.333-110.825 6c0-4.201.834-6.721 4.187-10.917c10.909-13.436 24.345-26.87 36.947-38.63c2.531-2.52 5.063-.838 5.063 3.357c0 107.49 18.449 207.42 47.852 272.92c2.53 5.037 5.018 5.037 8.378 2.52l9.245-5.878C-16.776 151.273-26.856 47.146-24.325-72.94c0-4.195.83-5.875 3.357-7.554c9.21-5.88 26.003-15.115 40.309-20.994c4.187-1.68 5.017-.843 5.017 2.52c-2.53 174.666 11.776 295.59 42.84 392.16c.834 2.517 3.361 1.68 3.361-.837c-1.685-35.271-1.685-66.342-1.685-104.132l-1.676-301.467c0-3.36.834-5.04 4.195-5.88c14.277-3.359 26.872-5.875 41.989-7.556c1.68 0 2.514.838 2.514 2.517V466.17zM300.642-6.597c0-33.592-38.632-61.302-89.854-64.662V104.25c64.662-37.786 89.854-75.578 89.854-110.847m-6.717 125.963c-17.636 0-33.59 6.718-83.136 41.989v189.787c85.66-95.737 110.012-161.236 110.012-194.829c0-23.511-10.922-36.947-26.876-36.947M166.281 467.04c-1.675 1.657-3.356.831-3.356-.87v-590.332q-.002-2.519 2.518-2.517C277.97-119.123 350.191-72.096 350.191-4.08c0 28.555-10.917 56.267-29.39 76.419c36.944 10.077 51.221 37.786 51.221 74.738c0 65.5-47.864 173.827-205.74 319.963"/></svg>

How to use the Warner Bros icon

React

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

<Icon icon="thesvg-color:warner-bros" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:warner-bros" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:warner-bros" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--warner-bros]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:warner-bros"></div>

Web component

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

<iconify-icon icon="thesvg-color:warner-bros"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/warner-bros.svg" alt="Warner Bros icon" width="24" height="24">

Warner Bros icon FAQ

Is the Warner Bros icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Warner Bros icon in React?

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

How do I add the Warner Bros icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/warner-bros.svg" alt="Warner Bros icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →