Tealium アイコン

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

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

logos:tealium

Tealium アイコン(logos:tealium)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 126 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 126

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="126" viewBox="0 0 512 126"><path fill="#68d8d5" d="M16.66 126.44c-2.636.527-5.746-3.637-6.958-9.383c-1.213-5.746-.053-10.859 2.53-11.386c2.635-.58 5.745 3.637 6.958 9.383c1.212 5.746.105 10.806-2.53 11.386m16.868-24.617c1.686 6.01-.053 11.755-3.796 12.756v-.052c-3.69 1.054-8.117-3.005-9.752-9.014c-1.634-6.062.053-11.755 3.796-12.757s8.117 3.058 9.752 9.067M5.695 88.803c2.478 0 4.48 3.9 4.376 8.592c-.106 4.692-2.162 8.487-4.692 8.434c-2.477 0-4.48-3.9-4.375-8.592c.105-4.691 2.214-8.487 4.691-8.434m46.335-4.428c1.95 6.747-.317 13.284-5.06 14.707c-4.745 1.37-10.227-2.952-12.23-9.7c-1.898-6.746.316-13.283 5.113-14.706c4.744-1.37 10.226 2.952 12.177 9.7m-36.267-10.86c3.058.053 5.483 4.376 5.377 9.647s-2.688 9.54-5.746 9.488c-3.057-.053-5.482-4.375-5.376-9.699c.105-5.271 2.688-9.488 5.745-9.436m48.549-23.298c7.485.158 13.441 6.325 13.336 13.81c-.158 7.485-6.326 13.442-13.81 13.336c-7.486-.158-13.442-6.325-13.337-13.81c.158-7.485 6.325-13.442 13.81-13.336m-37.373 2.846c4.111.053 7.38 5.008 7.274 10.964s-3.532 10.754-7.696 10.7c-4.112-.052-7.38-5.007-7.275-10.963c.106-6.01 3.532-10.806 7.697-10.701M15.394 34.878c3.058-.053 5.64 4.217 5.746 9.488c.106 5.272-2.32 9.594-5.377 9.647s-5.64-4.164-5.745-9.436c-.106-5.324 2.32-9.646 5.376-9.699m31.575-6.483c4.744 1.423 7.011 7.96 5.06 14.706c-1.95 6.748-7.432 11.07-12.176 9.7c-4.797-1.424-7.01-7.96-5.113-14.707c2.003-6.748 7.485-11.07 12.23-9.7m-36.908 1.388l.01.351c.105 4.691-1.898 8.592-4.376 8.592c-2.477.053-4.586-3.742-4.691-8.434c-.105-4.744 1.898-8.592 4.375-8.645c2.476-.051 4.498 3.583 4.682 8.136m19.67-16.832v-.053c3.743 1.002 5.482 6.747 3.796 12.757c-1.635 6.009-6.01 10.068-9.752 9.066s-5.43-6.694-3.796-12.756c1.635-6.01 6.062-10.068 9.752-9.014m-10.542-.527c-1.213 5.745-4.323 9.962-6.958 9.383c-2.583-.528-3.743-5.64-2.53-11.386c1.265-5.693 4.375-9.858 6.958-9.383c2.635.58 3.742 5.64 2.53 11.386M95.728 38.62h55.401v9.963h-21.77v37.479h-12.124V48.583H95.728zm79.069 37.743h34.896v9.699h-47.02V38.568h47.02v9.963h-34.896v9.014h30.784v9.435h-30.784zm107.375 9.699h-12.914l-4.64-9.594h-28.885l-4.797 9.594H218.39l24.3-47.494h15.024zm-31.89-37.479L240.16 67.665h20.137zm82.441 26.99v10.489h-42.96V38.568h12.124v37.004zm22.034 10.489h-12.124V38.568h12.124zm40.905.79c-21.77 0-28.465-4.216-28.465-20.663V38.57h11.86V65.4c0 10.068 5.799 11.122 16.658 11.122c10.173 0 17.237-1.792 17.237-11.122V38.57h11.913v27.62h-.053c0 15.709-7.38 20.664-29.15 20.664M504.513 38.57L513 86.062h-12.967l-5.851-36.899l-14.813 36.899h-13.757l-14.496-36.899l-5.957 36.899h-12.493l8.329-47.494h17.975l13.441 34.79l14.285-34.79z"/></svg>

Tealium アイコンの使い方

React

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

<Icon icon="logos:tealium" width="24" />

Vue

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

<template>
  <Icon icon="logos:tealium" width="24" />
</template>

Svelte

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

<Icon icon="logos:tealium" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:tealium"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/tealium.svg" alt="Tealium アイコン" width="24" height="24">

SVG Logos の関連アイコン

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →