Hasbro icon

thesvg-color:hasbro

The Hasbro icon (thesvg-color:hasbro) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 289 × 316 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: 289 × 316

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="289" height="316" viewBox="0 0 289 316"><defs><radialGradient id="SVGDm6UCbLM" cx="0" cy="0" r="132.512" fx="0" fy="0" gradientTransform="matrix(2.62329 0 0 2.61065 202.634 260.797)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#26b6af"/><stop offset=".063" stop-color="#26b6af"/><stop offset=".09" stop-color="#26b6b0"/><stop offset=".094" stop-color="#26b6b0"/><stop offset=".098" stop-color="#26b5b0"/><stop offset=".102" stop-color="#26b5b1"/><stop offset=".105" stop-color="#25b4b1"/><stop offset=".109" stop-color="#25b4b1"/><stop offset=".113" stop-color="#25b3b2"/><stop offset=".117" stop-color="#25b2b2"/><stop offset=".121" stop-color="#25b2b2"/><stop offset=".125" stop-color="#25b2b2"/><stop offset=".129" stop-color="#24b1b3"/><stop offset=".133" stop-color="#24b1b3"/><stop offset=".137" stop-color="#24b0b3"/><stop offset=".141" stop-color="#24b0b4"/><stop offset=".145" stop-color="#24afb4"/><stop offset=".148" stop-color="#24aeb4"/><stop offset=".152" stop-color="#23aeb4"/><stop offset=".156" stop-color="#23adb5"/><stop offset=".16" stop-color="#23adb5"/><stop offset=".164" stop-color="#23adb5"/><stop offset=".168" stop-color="#23acb5"/><stop offset=".172" stop-color="#23abb6"/><stop offset=".176" stop-color="#23abb6"/><stop offset=".18" stop-color="#23aab6"/><stop offset=".184" stop-color="#22aab7"/><stop offset=".188" stop-color="#22aab7"/><stop offset=".191" stop-color="#22a9b7"/><stop offset=".195" stop-color="#22a8b8"/><stop offset=".199" stop-color="#22a8b8"/><stop offset=".203" stop-color="#22a7b8"/><stop offset=".207" stop-color="#21a7b8"/><stop offset=".211" stop-color="#21a7b9"/><stop offset=".215" stop-color="#21a6b9"/><stop offset=".219" stop-color="#21a6b9"/><stop offset=".223" stop-color="#21a5b9"/><stop offset=".227" stop-color="#20a4b9"/><stop offset=".23" stop-color="#20a4ba"/><stop offset=".234" stop-color="#20a3ba"/><stop offset=".238" stop-color="#20a3ba"/><stop offset=".242" stop-color="#20a3ba"/><stop offset=".246" stop-color="#20a2bb"/><stop offset=".25" stop-color="#20a1bb"/><stop offset=".254" stop-color="#20a1bb"/><stop offset=".258" stop-color="#20a0bb"/><stop offset=".262" stop-color="#1fa0bc"/><stop offset=".266" stop-color="#1fa0bc"/><stop offset=".27" stop-color="#1f9fbc"/><stop offset=".273" stop-color="#1e9ebc"/><stop offset=".277" stop-color="#1f9ebc"/><stop offset=".281" stop-color="#1f9ebd"/><stop offset=".285" stop-color="#1e9dbd"/><stop offset=".289" stop-color="#1e9dbe"/><stop offset=".293" stop-color="#1e9cbe"/><stop offset=".297" stop-color="#1d9cbe"/><stop offset=".301" stop-color="#1d9bbe"/><stop offset=".305" stop-color="#1d9bbe"/><stop offset=".309" stop-color="#1d9abe"/><stop offset=".313" stop-color="#1d99be"/><stop offset=".316" stop-color="#1d99bf"/><stop offset=".32" stop-color="#1d99bf"/><stop offset=".324" stop-color="#1d98bf"/><stop offset=".328" stop-color="#1c98bf"/><stop offset=".332" stop-color="#1c97bf"/><stop offset=".336" stop-color="#1c97c0"/><stop offset=".34" stop-color="#1c96c0"/><stop offset=".344" stop-color="#1c96c0"/><stop offset=".348" stop-color="#1c95c0"/><stop offset=".352" stop-color="#1c95c0"/><stop offset=".355" stop-color="#1c94c0"/><stop offset=".359" stop-color="#1c94c0"/><stop offset=".363" stop-color="#1b93c1"/><stop offset=".367" stop-color="#1b93c1"/><stop offset=".371" stop-color="#1b93c1"/><stop offset=".375" stop-color="#1a92c1"/><stop offset=".379" stop-color="#1a91c1"/><stop offset=".383" stop-color="#1b91c2"/><stop offset=".387" stop-color="#1a90c2"/><stop offset=".391" stop-color="#1a90c2"/><stop offset=".395" stop-color="#1a90c2"/><stop offset=".398" stop-color="#1a8fc2"/><stop offset=".402" stop-color="#1a8fc3"/><stop offset=".406" stop-color="#1a8ec3"/><stop offset=".41" stop-color="#198ec3"/><stop offset=".414" stop-color="#198dc3"/><stop offset=".418" stop-color="#198dc3"/><stop offset=".422" stop-color="#198cc3"/><stop offset=".426" stop-color="#198cc4"/><stop offset=".43" stop-color="#198bc4"/><stop offset=".434" stop-color="#198bc4"/><stop offset=".438" stop-color="#198ac4"/><stop offset=".441" stop-color="#198ac4"/><stop offset=".445" stop-color="#188ac4"/><stop offset=".449" stop-color="#1889c4"/><stop offset=".453" stop-color="#1889c4"/><stop offset=".457" stop-color="#1888c5"/><stop offset=".461" stop-color="#1888c5"/><stop offset=".465" stop-color="#1887c5"/><stop offset=".469" stop-color="#1787c5"/><stop offset=".473" stop-color="#1786c5"/><stop offset=".477" stop-color="#1786c5"/><stop offset=".48" stop-color="#1786c5"/><stop offset=".484" stop-color="#1785c5"/><stop offset=".488" stop-color="#1785c6"/><stop offset=".492" stop-color="#1784c6"/><stop offset=".496" stop-color="#1684c6"/><stop offset=".5" stop-color="#1683c6"/><stop offset=".504" stop-color="#1683c6"/><stop offset=".508" stop-color="#1682c6"/><stop offset=".512" stop-color="#1682c6"/><stop offset=".516" stop-color="#1681c6"/><stop offset=".52" stop-color="#1581c6"/><stop offset=".523" stop-color="#1581c7"/><stop offset=".527" stop-color="#1580c7"/><stop offset=".531" stop-color="#1580c7"/><stop offset=".535" stop-color="#157fc7"/><stop offset=".539" stop-color="#157fc7"/><stop offset=".543" stop-color="#157ec7"/><stop offset=".547" stop-color="#157ec7"/><stop offset=".551" stop-color="#157dc7"/><stop offset=".555" stop-color="#147dc7"/><stop offset=".559" stop-color="#147dc7"/><stop offset=".563" stop-color="#147cc7"/><stop offset=".566" stop-color="#147cc7"/><stop offset=".57" stop-color="#147bc7"/><stop offset=".574" stop-color="#147bc8"/><stop offset=".578" stop-color="#147ac8"/><stop offset=".582" stop-color="#147ac8"/><stop offset=".586" stop-color="#147ac8"/><stop offset=".59" stop-color="#1379c8"/><stop offset="1" stop-color="#1379c8"/></radialGradient></defs><g stroke-width="2.617"><path fill="#fff" fill-rule="evenodd" d="M288.585 228.46a6.5 6.5 0 0 0-.399-1.042c-.153-.297-14.914-30.361-29.614-84.02l-.757-2.484c2.975-4.61 3.885-8.239 4.14-10.007c.266-1.534.389-3.036.389-4.468c0-5.469-1.769-9.977-3.895-12.369c-1.789-2.004-3.772-3.414-6.01-4.314l-1.248-7.258c-6.532-54.271-9.067-75.289-9.323-78.744c-.256-3.445-.684-8.423-1.073-12.011c-.246-2.29-1.094-5.46-1.094-5.46c-.583-2.279-2.065-4.221-4.089-5.315c-2.034-1.104-4.488-1.268-6.716-.47a7 7 0 0 0-.746.327c-.358.194-36.352 19.842-92.565 40.798C110.56 51.447 94.95 58.05 63.199 64.716c-26.579 5.09-45.358 8.32-45.654 8.372l-10.417 1.86l-1.237.41c-2.627 1.093-4.682 3.28-5.5 5.857a8.2 8.2 0 0 0-.388 2.657a7.97 7.97 0 0 0 1.267 4.161l.45.613c.081.113 8.617 10.949 22.97 52.094c-3.598 2.934-5.55 6.727-5.55 10.877c0 1.063.122 2.137.388 3.24c1.758 7.443 10.192 9.416 14.403 9.416l.399-.022c.49-.023.991-.06 1.492-.103l2.25 4.672c1.267 7.595 2.432 15.252 3.516 22.53c7.4 49.763 9.23 75.013 9.496 87.331c.164 8.015-1.257 27.662-1.277 28.245c-.03.91-.164 2.024.059 2.893c.603 2.32 2.147 4.253 4.232 5.306c2.106 1.063 4.63 1.165 6.91.265a5 5 0 0 0 .839-.398c.347-.194 35.104-19.965 95.918-43.528c.5-.194 36.77-15.466 52.4-19.637c35.514-9.476 51.031-9.528 58.105-10.192c1.34-.123 8.7-.624 10.56-.93s3.67-1.012 3.67-1.012c.246-.075.562-.174.808-.266c4.201-1.768 6.522-6.583 5.275-10.969"/><path fill="url(#SVGDm6UCbLM)" d="M187.982 258.66c-.235 0-.49.036-.736.111c0 0-36.074 16.972-91.869 34.463a769 769 0 0 1-8.801 2.706a986 986 0 0 0 14.831-3.534c45.583-11.255 78.437-22.932 89.63-27.103c-.593-3.301-.889-4.937-.889-4.937c-.235-1.043-1.133-1.706-2.166-1.706m1.553 15.679l-.54.057v.008s-37.373 13.829-94.415 26.536c-57.042 12.696-107.176 18.485-107.176 18.485c-1.339.296-2.269 1.594-2.085 2.913c0 0 6.982 11.467 15.15 57.479a176 176 0 0 0-5.049 1.77c-9.895-41.012-17.704-57.093-19.554-60.978c-2.648.695-4.11 1.062-4.11 1.062c-1.277.48-2.465 1.882-1.667 3.17c0 0 8.946 10.876 23.687 57.368a76 76 0 0 0-7.177 3.17c-4.835 2.484-6.777 6.07-5.857 9.925c.981 4.11 6.86 4.899 8.74 4.899h.111c2.576-.113 5.46-.573 8.783-1.38l.675-.176l.325-.08s1.617-.42 3.845-1.013c1.35 8.556 2.512 17.246 3.872 27.724c10.652 82.536 6.513 94.406 6.513 94.406c.194 1.309 1.433 2.125 2.772 1.829c0 0 35.503-13.913 98.013-27.877c62.521-13.964 103.565-17.132 103.565-17.132c1.339-.306 2.28-1.606 2.085-2.925c0 0-10.552-30.8-17.35-86.655c.348-.307.698-.625 1.035-.962l.1-.092c5.867-5.919 7.984-11.143 8.372-14.015c1.002-5.602-.583-10.296-2.116-12.003c-2.137-2.392-4.66-4.025-10.385-3.504l-.092.008c-5.612-56.009-7.85-80.115-7.85-80.115c-.164-1.135-1.106-1.901-2.22-1.901zm15.989 116.84c8.331 46.001 18.348 75.894 21.977 85.892c2.433-.542 3.734-.809 3.734-.809c1.288-.46 2.053-1.87 1.706-3.147c0 0-13.944-29.219-27.417-81.936m-89.61 107.225a971 971 0 0 0-11.47 2.883c-48.087 12.41-79.942 24.26-91.861 28.962c.173 4.201-.112 5.416-.112 5.416c.307 1.288 1.627 1.982 2.925 1.553c0 0 34.041-17.203 94.978-37.035c1.87-.603 3.71-1.206 5.54-1.779" transform="translate(44.46 -242)"/><path fill="#fff" d="M230.388 135.732c2.525-9.691 7.278-13.085 8.024-13.73c3.241-2.187 3.844-.398 4.273.349c.94 2.044-.348 6.348-.756 7.667c-2.26 7.319-6.808 10.754-7.534 11.336c-3.966 2.525-4.11-.716-4.232-1.656c-.092-.664.074-2.709.225-3.966m-10.478 3.66s-.828 8.28 8.689 7.595c1.155-.092 9.977-.644 17.163-7.79c1.094-1.104 6.594-6.522 7.35-12.124c.205-1.216 2.413-11.643-9.394-10.958c-1.431.225-8.873.92-15.763 7.933c-1.012.991-8.005 8.167-8.045 15.344m-10.335-13.954s-2.3-4.754-7.974-3.967c-.971.205-3.057.726-4.866 2.25c-.265.265-1.186 1.359.214 1.523c.849.132 4.948.43 5.183 4.406c.008 1.052.542 4.763-2.658 17.664c-.245.767-1.114 3.384 2.014 3.21c1.074-.045 6.113-.286 8.649-1.523c.838-.46 2.054-.685 1.911-2.975c.008-.981.008-11.889-.797-14.853c.378-.93 2.27-5.091 7.043-7.667c.797-.389 3.598-2.127 5.878.419c.358.348.787.92 1.84.06c.716-.675 3.363-3.119 2.883-6.43c-.235-.829-.44-2.863-4.692-2.413c-1.247.214-7.187.603-14.629 10.294m-30.126 4.283c6.727-2.402 5.081 7.667 3.854 9.814c-1.676 5.213-5.98 7.912-5.98 7.912l-1.574-15.64c1.278-.88 2.852-1.749 3.7-2.086m-23.133-25.76s-1.206.54.357.99c.624.4 2.393 1.422 3.415 4.621c.521 1.585 3.567 10.755 5.51 24.514c.173 1.288 1.738 13.729 1.533 17.03c.123.9.022 4.928 5.909 3.425c4.038-1.053 13.463-7.462 19.923-17.122c.849-1.002 8.792-14.486-6.44-14.302c-2.34.379-5.213.593-11.142 4.508c-.164-.797-1.575-16.867-3.66-23.174c-.725-1.421-1.268-3.66-6.072-3.118c-1.176.174-6.45.92-9.333 2.627m4.886 23.216s.695.224.593-.798c-.113-1.032-.338-4.498-3.282-6.082c-.684-.297-1.932-1.114-5.019-.074c-.88.327-12.032 4.355-17.317 14.005c-.398.838-3.905 8.32 2.78 10.355c0 0 4.99 1.4 8.025 1.717c0 0 9.507.87 3.864 8.7c-.817 1.114-4.099 5.48-9.108 9.353c-.94.644-4.825 3.445-9.364 1.002c-.766-.337-2.218-.756-1.697 1.012c.368.726 2.75 4.774 6.308 6.665c.807.358 3.281 2.403 11.49-2.136c1.768-.91 10.866-7.77 14.506-15.477c.5-1.39 3.434-8.117-2.955-10.396c-1.922-.777-7.064-1.892-8.423-2.24c-2.515-.684-9.916-1.972-5.183-8.596c1.196-1.227 5.745-5.909 14.782-7.013M38.469 146.563c-1.584.123-1.063-1.135-.245-1.605c6.317-3.874 17.664-6.665 17.664-6.665l.634 4.365c-8.26 2.403-15.937 3.915-18.053 3.905m17.153-10.396s-16.51 4.549-24.186 8.669c-2.934 1.461-9.518 8.137 1.564 8.137c2.116-.092 5.05-.46 9.282-1.554c1.298-.338 14.914-3.936 14.914-3.936l2.495 16.458s.46 2.72.725 3.62c0 0 .573 4.671 4.335 4.017c1.032-.06 4.65-.174 7.912-1.319c.593-.276 2.157-.633 1.431-2.924c-.102-1.134-3.772-23.184-3.772-23.184l12.982-3.2l3.497 22.173s.654 5.08 4.661 4.14c1.206-.174 4.181-.563 6-1.574c.45-.297 1.493-.644.246-2.924c-.368-1.176-4.324-14.915-5.08-23.635c.838-.153 15.405-2.678 14.853-2.065c-.552.604-4.805 4.928-7.094 11.44c-1.667 3.506-.103 14.3 10.56 11.326c1.809-.665 6.112-1.963 10.876-7.974c.235.584 3.282 8.342 11.94 6.165c.89-.256 2.229-.43.88-1.534c-.665-.419-3.936-2.095-3.783-8.689c.092-1.768.624-6.86 1.779-12.87c.081-.665.276-3.036-2.362-2.464c-1.329.379-4.16 1.299-6.634 3.128c-.603.512-1.299.87-1.759 3.037c-.357 1.093-4.048 12.287-10.028 16.264c-1.032.633-2.975 1.962-3.087-.757c-.123-1.482 1.124-9.762 11.49-18.84c1.257-1.032 4.294-3.22 5.52-3.558c1.023-.173 2.178-1.451.195-1.983c0 0-3.312-.797-14.291.727c-1.064.132-10.07 1.318-19.648 3.312c-.103-1.166-1.176-15.723-.327-23.103c.143-1.442 1.676-6.471-3.435-5.623c-.961.113-5.96.839-8.526 2.474c-.695.389-1.615.695-.562 1.421c.43.491 1.196 1.196 1.36 3.936c.112 1.032 2.075 23 2.075 23l-13.024 3.333s-2.453-18.37-2.576-26.129c-.092-1.278.685-6.644-5.162-4.64c-1.319.337-7.35 1.88-11.531 5.11c0 0-2.382 1.39.052 1.963c.705.43 1.656.89 2.034 3.016c.246 1.237 3.21 17.613 3.21 17.613"/><path fill="#fff" d="m192.493 154.224l-.184.46c-5.47 11.94-19.545 22.05-20.813 22.899c-12.84 9.67-26.998 12.778-28.838 13.197c-16.274 4.212-30.729 2.678-31.772 2.668c3.507 11.194 21.815 18.36 22.541 18.646c19.443 7.963 35.35 1.37 37.23.777c14.762-5.08 19.444-17.48 20.415-19.627c5.234-12.901 3.281-26.242 2.985-28.685c-.184-2.832-.971-5.755-1.155-6.696c-.225-1.492 1.42-1.257 1.451-.337c2.965 10.1 2.975 19.044 2.965 20.527c-.037 14.373-4.181 20.813-4.825 22.193c-5.377 10.345-12.553 14.27-13.8 15.047c-12.176 8.005-26.753 7.228-29.043 7.146c-21.15-.961-34.337-11.265-36.77-13.187c-13.617-10.652-14.802-24.125-14.823-24.964c-.03-.838.194-.5 1.697-.143c23.492 6.481 44.029.008 45.174-.255c30.657-7.36 46.164-30.034 46.164-30.034c1.074-1.646 1.78-.235 1.401.368"/></g></svg>

How to use the Hasbro icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg-color:hasbro"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/hasbro.svg" alt="Hasbro icon" width="24" height="24">

Hasbro icon FAQ

Is the Hasbro 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 Hasbro icon in React?

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

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

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

Browse all theSVG Color icons →