Hasbro アイコン

Q: Hasbro アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:hasbro

Hasbro アイコン(thesvg-color:hasbro)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 289 × 316 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 289 × 316

SVG をダウンロード

SVG コード

<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>

Hasbro アイコンの使い方

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 コンポーネント

<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 画像

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

Hasbro アイコンのよくある質問

Hasbro アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Hasbro アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:hasbro" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hasbro アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/hasbro.svg" alt="Hasbro アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →