Babel アイコン

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

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

thesvg-color:babel

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1349" height="519" viewBox="0 0 1349 519"><path fill="#f9dc3e" d="m955 115l1 1h3l1-5l-1-2zm-31-76v-3h-5v3zm-92 172c0-3-8-14-25-32c0-4 5-9 17-15l33-29c8-10 12-25 14-47l-1-5c-1-14-12-26-32-35c-12-9-34-13-65-14c-26 2-59 12-101 28q-16.5 12-39 24v3l4-2c2 0 3 1 3 2l3-1h1v1c0 1-9 9-27 21l1 3h-1l-3-1l-4 2v1l3 3l-4-1c-4 1-8 3-12 7l1-7c6-27 11-50 13-70v-1c-5-3-9-7-13-12v-6h-1a1864 1864 0 0 1-137 180c-4 2-5 4-4 6l-2-1c-5 8-12 14-22 16l-11 2l-2 3l1 2l3-1l1 1l-9 3l-16 4h-8c-1 2 7 0 4 1l-11 2c-6 2-9 1-10-1h-1l-9 2c0-4-11-18-33-41c0-5 7-12 23-20l44-39c9-12 15-33 17-60v-7c-2-20-16-35-43-48c-16-10-44-16-85-17c-34 3-79 15-133 36c-15 11-32 22-52 33l1 3l5-2q3 0 3 3l4-2h2v1c0 2-12 11-36 28l2 3h-2l-4-1c0 1-1 2-5 2v2l4 4l-5-1c-8 1-15 7-23 17l2 3l11-9l1 5l-5 2l4 6c8-8 16-16 26-22c5 1 7 3 7 5l4-1c26-19 51-33 76-41l1 3c-5 7-8 11-10 11c0 2 1 5 3 6Q99 298 0 472l2 5c9-2 14-4 17-6h2v3h3l4-2c0 1 1 2 3 1v4c1 3-1 8-5 15c-4 4-8 13-12 26v1h4c14-16 25-32 32-47c42-13 74-25 97-37c22-1 39-7 51-17l-1-2l-8 3h-2v-2c16-2 28-6 34-11c32-25 56-42 72-52c34-25 55-49 65-72l6-2h8l1-2h9l12-3l2-1l-1 1h5l1 3l-57 91l-13 16l-6 21h1l6-3l-2 8l1 3l1 2v3l2-1c4-3 6-6 5-9l8 1l1 1c-3 1-4 3-4 6v1h1c21-23 72-100 113-153c-1-6 20-14 64-24h2c1 7-2 23-11 50c-5 16-8 25-7 26c-7 21-11 33-10 35l-16 51c-10 26-18 54-23 83h4l3-2l1 1l-1-4h7c2 0 4-3 5-7c0-7 1-11 4-12l8-25c4-16 7-25 9-28c6-21 10-32 13-32v2l-4 11c-7 34-15 60-23 79l3 10l1-1c19-40 45-119 80-237q1.5-16.5 15-24l-2-2v-2c4 0 7-2 8-4l-10-4l17-75l7-5v4l-4 1l4 5l19-17c4 1 6 3 6 4h2c20-15 40-25 59-32v3l-7 8l1 5c-34 95-77 188-127 276l2 3c7-1 11-3 13-5h1v3h3l2-2l3 1v3c0 2-1 6-4 11c-3 3-6 10-9 20v1h2c11-12 20-24 25-36c32-9 57-19 73-28c17-1 30-5 39-13v-1l-6 2h-2v-1c12-2 21-5 26-9c24-18 42-32 55-39q57-43.5 54-81m-6 1v10l-3 4l-2-17zM68 131h-1l-1-3l7-1v2zM35 468c-4-2-8-3-11-2v-5c-1-2 0-3 3-4c2 0 3 1 4 5l9-11l4 1c-1 10-4 15-9 16M395 91c-2 0-5-5-10-15l-1-4c4 0 7 5 10 16zm-5-37l-1 3l-49-20c32 1 49 7 50 17M183 231l-7 1v-3l7-1zm-5-106h1l1 4c-2 1-4 3-6 8l-1-4c3-4 5-6 5-8m-15 34l1 6h-2v-6zm-7 12h3c0 5-2 8-5 8h-1zm-6 17h2v1l-3 6h-3l-1-2c4 0 5-2 5-5m-6 15l-1 9h-1l-1-8zM88 363c-2 11-4 17-7 17v-2c-1-5 2-10 7-15m-10 22v2q0 3-3 3v-1c0-2 1-3 3-4m-3 46h5v2l-5 2h-3c0-2 1-3 3-4m148-45c-29 14-46 24-51 29c-32 11-48 18-47 21c-29 11-47 19-56 24l-9-2c-1-6 2-11 8-14c4-1 9 0 14 2q7.5-4.5 27-9l-1-3H98l30-14h5v1c-8 1-13 4-14 9c0 2 1 3 3 2l10-7c13-2 48-21 105-55l1 3c0 1-5 6-15 13m-88 29c8-1 15-4 21-10c3 0 4 0 4 3c-4 0-12 3-23 10h-2zm142-110l-44 35c-33 22-50 33-53 33c-52 29-85 44-97 45h-2c1-6 25-54 70-143c19-2 51-11 93-28l10-1c22-1 38 3 49 13v6c-8 23-16 37-26 41zm-86-48l7-1v2l-7 1zm100-17h5c5 2 7 4 7 6v1c-4 1-9-2-12-7m14-80c-5 5-18 15-38 28c-7 1-32 10-76 30l-7-2v-3c-1-6 2-14 8-24c4-18 7-28 11-30l37-82c-1-6 7-9 23-12l5-1l1 5l29-4c29-3 44 3 45 17h4l-1-8h4c8 4 13 10 13 17c1 4-2 10-7 17c-2 0-3-2-4-5h-3l-1 10c-15 22-26 34-32 34c-6 9-10 13-11 13m22 57c-3-2-5-3-7-2l-1-5l4-1l7 5q0 3-3 3m23 28l6 4h-2l-1 1l-2 1zm2 14v-2l4-1l1 2zm11 11l14-3v1l-15 4zm14 6l-15 2v-1l13-4l6-1v2zm14-3c-2 0-3 0-4-2l4-1c2 0 3 0 4 2zm36-39v-2l7-1v2l-6 1zm40 239v-4h1c2 0 3 0 3 2l1 1zm27-229l-3-1l-11 4l-3 1c-1 0-2 0-3-2l18-4l6-3l2 2zm14-5v-1l3-2l13-3l1 1zm2-26l-3 2h-6c0-2 9-6 29-10l3-1v2zm35-38c-1 16-7 25-17 27v-1l-9 4h-9l-1-3c0-1 12-19 38-53l3 1c1 4 0 13-5 25m62-53h-1v-2l5-1v2zm-25 256c-3-1-6-2-8-1l-1-4c0-2 1-2 3-3l3 4l7-9l2 1q-1.5 12-6 12M855 92c-1 0-4-4-8-12v-2c2 0 5 4 8 12zm-4-28l-1 2l-37-15c25 1 38 5 38 13M694 199h-5v-2l5-1zm-4-81l2-1v4c-2 0-3 2-5 6v-3zm-11 26l1 4l-2 1v-5zm-6 9h3q0 6-3 6h-2c2-2 2-5 2-6m-4 13h1v1l-2 4h-2l-1-1c3 0 4-2 4-4m-4 11l-1 7h-1l-1-6zm-43 122c-2 8-3 12-5 13v-2c-1-4 1-8 5-11m-8 17v1c1 1 0 2-2 3v-2l2-3zm-2 35l4-1v2l-4 1h-2c0-1 0-2 2-2m112-35c-22 11-35 18-39 22c-24 9-36 14-36 16c-21 8-35 14-41 18c-2 0-4 0-7-2c-1-4 1-7 5-10c4 0 8 0 11 2c4-2 11-5 21-7v-3l-8 1c1-1 8-5 23-11h4v1c-7 1-11 3-12 6q0 3 3 3l7-6c10-2 37-16 80-42l1 2c0 1-4 5-12 10m-67 22c7-1 12-3 17-7c2-1 3 0 3 2c-3 0-9 2-18 7h-1zm109-83l-34 27c-25 16-38 24-40 24c-40 22-64 33-74 34h-1c1-4 18-40 53-108c15-1 38-8 71-21l8-1c16-1 28 2 36 10l1 5c-7 17-13 27-20 30m-66-37h5l1 1h-6zm76-13h4c4 2 6 3 6 5v1c-4 0-7-2-10-6m10-61c-3 4-13 12-28 22c-5 0-24 8-58 22l-5-1v-2c-1-5 2-11 6-18q4.5-21 9-24l28-62c-1-4 5-7 17-9h4v3l23-3c22-2 33 3 34 13h3l-1-6h3c6 4 10 8 10 13c0 3-2 8-5 13c-2 0-3-1-3-4h-3l-1 8c-11 17-19 26-24 26q-6 9-9 9m12 42v-4h2l6 3c0 2-1 3-2 3zM333 429h-3l-2 2c0 2 1 2 3 2s2-1 2-3zm-10-20v1c2 0 2-1 2-3v-1c-2 0-3 1-2 3m71-133l1-1h-1l-1 1zm-1-34l3-1v-3l-3 1zm707 101l-7-1l-1 2v2l40-4v-2zm207-26v3l4 1v-3zm-6 1c-31 7-35 5-41 6v2h4l3-2c30-3 34-2 34-5zm-183-44l-3-1l-3 10v1c2 0 4-3 6-10m-37-20v-1h-1l-3 1l2 3c2 0 3-1 2-3m80 82v-2h-1v2zm165-37h2l1-3l-1-2c-7 0-10 1-15 4l-1-2l-8 1c0-2-1-4-2-3h-4c-5 0-8 0-10 2l-1-1h-5l-3 2v-2l-2 2v-1l-7-1h-2l1 3l3 1l3-1l4 1l3-1v1c-16 4-16 3-27 5l-2-1c-2 0-2-1-2-2l5-1l4 1l7-3v-3c-16 3-9 1-29 3h-1v-2l25-4l1 1l3-1l2-1c9 0 12 1 29-3v1l3-2h2c0-2 4-3 5-3v-3c-30 7-38 5-46 7v-1c-8 2-9 1-11 1l-2 2l-1-2h-1l-25 5l-1-1c-14 2-10 3-28 5l-3 1l-1-1l-11 1l-8 2l-1-1l-11 2c-2 0 1-1 0-1l-3 1h-12l-19 3l-8-1c1 1 0 1-1 1c-8-1-12-2-12-4c1-7 3-11 6-12h1l-1 3h1l4-4v-3h-3v-2l1-5l6-10v3h3l-1-3l-1-2l5-3v-1h-4v-4l11-27l2 1q3 0 3-3h-3v-1l1-5c4-5 6-9 6-14l1 2c14-27 26-54 35-83c22-60 21-66 24-80h-3l-1 5l-4-1v-1q0-7.5 6-18h2l2 8h2l2-10c0-2-1-2-3-3l-2 2V15h-1l-4-5l-14 1l-2-4c0-2 4-3 10-4l3 1l3-2c0 1 0 2 1 1l3-1l2 1h1V0h-16l-3 2V0l-114 10h-14l-3 1l-3-1l-10 3l-11-1l-6 2h16l-21 5l-3-1l-47 7l-6-1l-13 2l-22 10l1 3l5-2l8 1l-1 7c-7 3-12 8-13 14c-11 5-16 9-16 11v1h1l3-1l4 4v6c1 1-18 41-56 117l-51 122c-11 3-17 8-19 14c0 2 4 3 10 4v2l-3 5l1 6c0 3 8 5 24 7l2-2l-3 21h1c7-9 10-15 10-18l1-1c2 0 3 2 5 6q-3 1.5-21 48l2 3l2-1c15-37 24-57 28-61l100-10l3-2l1 1h4l3-2c0 1 0 2 1 1l36-3c10 0 14-3 14-8c0-2 5-3 17-5l5 1c-1-1 5-2 17-3c0-6 2-9 5-9v-3l-11 3l-14-2l-5 2h-25l-3 2l-2-1h-1l-3 2l-8-3l-4 2l-6 1v-2c32-3 48-8 48-13q3 0 3 3l10-3l-1-2l-77 2l-1 1h-10c-2 0-4 0-6 2l-3-2c-10 1-17 2-22 4h-22l-17 2l-8-1c10-37 26-72 46-104l5 1l12-4l7 1c10-1 23-4 37-9l8 1l9-2l28-3c12-1 25-3 39-8v-3c-6 1-8 0-8-2c-1-4-5-6-12-5v-3l8-2l20-2l-1-3h-12v-3l7-1c3 0 3-1 3-3l-16-1c-38 5-76 6-114 4l-2-3c19-42 31-62 34-63l-3 8l1 1h3c7-19 14-28 19-28c23-2-3-4 46-12l5 2l80-13v-3l-18 2v-3l5-2v2l4-2c4-1 6 0 8 1l15-3l12-2l4-4l-1-2h-10c0-2 1-3 3-4l21-2l10-2l2 1l4-2l1 1l-4 11l-3 1l-1-6l-2 1c-26 72-37 106-61 161c-5 14-8 22-12 24c0 2 1 2 3 2c1 7-1 14-5 21c-11 32-18 49-22 53l2 15c1 1 0 2-2 2l-3 1c0-5-1-7-4-6h-2c-3 5-6 11-7 18h2c4-2 5-5 5-8h5l3 1l-3 9l1 2l-3 8v1l10 3l8-3h33l10-4h24l4-1l2-1v1c11-1 12 0 20 1v1l-6 1l1 2c1 0 3 0 4-2q3 0 3 3l-8 2l-3-1l-6 1h-4l-1 1c0 1 1 2 3 2h4l22-2l8-2l1 1l4-1l8-1l18-3l1-1v1l25-5v1c5-1 2-1 4-2l1 1h3v-3h-9l-8 1l-19 1v-1l10-2h4l2-2v2c15-2 20 2 86-12c4 0 4-3 6-10h-3c-6 2-9 1-19 2c-1 0-2 0-2-2v-1h10c2 0 5 0 11-3zm-492 8h-5l7-21h3c1 2-1 10-5 21m5-23v-1c0-2 1-3 3-4v2q0 3-3 3m63 48v2h-8v-1zm-10 0c0 1-2 3-7 5l-10-1h-3v-3zm64-291h-5v-2l3-3h1l3 1c1 2 0 3-2 4m71-14h2v2l-5 1q0-3 3-3m-18 6l-7-1v-1l18-4c0 2 1 2 3 2v3h-3l-5-1zm9 26v-1l11-2v2zm12-10v-2h6v1zm2-20h-2l1-3l13-1v2zm6 28v-3l5-1q3 0 3 3zm34-46l-7 2h-2l-13-1zm-8 32v1l-10 1v-1zm16 7c0-1-2-2-5-2l-10 3h-8l-3-3l9 1l20-3h10v2zm102-26h3c3-3 7-6 12-8c-4 16-10 28-17 35l-6-3c5-12 8-20 8-24m-17 30l2-1c-2 4-4 6-5 6l-1-4l4-2zm-11 26c3-11 5-17 8-18v1c-2 10-4 15-7 16l1 6c-3 3-4 6-4 8h-1l-1-9c2 0 3-1 4-4m-4 14l-3 11h-2v-4zm-81 235v-1l3-1v4c-2 0-3-1-3-2m115 3l-1-2l-7 1v-1h1l15-2v2zm-7-22l-8 1v-1l8-1l6-2c0 1 1 2 2 1l11-2c1 0 2 1 2 3zm30-2l-8-1v-1l8-1v1c-1 1 2 1 0 2m1-2v-1h4v1zm9 0v-1l3-2c2 0 3 1 4 3zm12-2v-1l5-1v2zm7 0c0-2 1-3 2-3l2 2l1-1l1 2l-6-1zm101-13c0-1 1-1-1-2c-1 1 1 2-1 2v1l-2 2l4-1h1l-1-3zm7 5h-1v3l6-1z"/></svg>

Babel アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

theSVG Color の関連アイコン

他のアイコンセットの Babel アイコン

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

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

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

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

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

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

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

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