Typo3 アイコン

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

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

logos:typo3

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="137" viewBox="0 0 512 137"><path fill="#f49700" d="M57.446 2.091c-2.424 2.092-4.183 4.564-4.183 11.931c0 20.011 25.24 80.14 42.447 80.14c1.931.022 3.855-.25 5.704-.808l-.094.026l-.407.652c-14.83 23.63-32.706 41.034-43.518 41.383l-.329.005C33.3 135.42.027 64.55.027 33.273a19.6 19.6 0 0 1 2.804-11.17c8.271-9.84 33.32-17.35 54.615-20.012M90.196 0c21.77 0 43.54 3.517 43.54 15.78c0 24.908-15.78 55.139-23.766 55.139c-14.26 0-32.275-40.023-32.275-60.034C77.695 1.87 81.127.044 89.962.001z"/><path d="M416.982 31.942c24.195 0 30.659 16.731 30.659 51.192c0 35.935-6.464 53.522-30.659 53.522c-24.194 0-30.658-17.587-30.658-53.522c0-34.46 6.464-51.192 30.658-51.192m69.493 0c15.068 0 23.766 6.464 23.766 28.52c0 9.934-3.042 19.012-11.122 21.246C508.625 83.04 512 92.403 512 106.806c-.19 21.532-8.65 29.85-24.955 29.85a115.6 115.6 0 0 1-19.013-2.472v-11.027a109 109 0 0 0 19.013 2.376c7.463 0 12.311-6.179 12.311-17.492c0-13.594-2.186-20.343-12.596-20.343h-12.026V76.955h10.553c11.883 0 12.453-12.168 12.453-18.015c0-11.598-3.66-16.303-10.98-16.303a92 92 0 0 0-18.062 2.519V34.46a87.8 87.8 0 0 1 17.777-2.52m-257.151 1.046V44.11h-22.626v91.548H193.96V44.11h-22.578V32.988zM340.74 31.94c22.293 0 28.52 13.784 28.52 31.847c.19 22.292-7.415 33.13-28.235 33.13h-12.31v38.739h-12.787V32.988s11.248-.93 22.736-1.036l.83-.007zm-91.975 1.046l19.393 42.779l19.346-42.78h13.071l-26.713 54.996v47.532h-13.214v-47.53l-26.143-54.995zm168.217 9.649c-13.214 0-17.634 8.983-17.634 41.21s4.42 42.114 17.634 42.114s17.587-10.552 17.587-42.114s-4.42-41.068-17.587-41.068zm-74.483-.143a97.5 97.5 0 0 0-13.784.903v42.78h13.784c8.223 0 13.927-5.42 13.927-21.438c0-14.592-3.517-22.245-13.927-22.245"/></svg>

Typo3 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

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