Katalon アイコン
logos:katalon
Katalon アイコン(logos:katalon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 123 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 123
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="123" viewBox="0 0 512 123"><path d="m154.352 63.513l32.515-43.087h16.59l-26.59 35.01l26.916 47.014H187.52l-19.892-34.9l-13.288 17.388v17.498h-14.063v-82.01h14.063v43.087zm53.955 23.118c0-10.213 7.256-16.61 20.11-17.623l16.264-1.235v-1.235c0-7.521-4.39-10.546-11.21-10.546c-7.908 0-12.31 3.372-12.31 9.2h-11.427c0-12.003 9.674-19.857 24.39-19.857c14.714 0 23.614 8.076 23.614 23.45v33.665h-11.753l-.992-8.187c-2.31 5.717-9.674 9.644-18.125 9.644c-11.536 0-18.574-6.84-18.574-17.276zm36.483-6.62v-2.913L233.47 78c-8.356.79-11.535 3.594-11.535 8.076c0 5.051 3.301 7.52 9.334 7.52c8.12 0 13.372-4.91 13.517-13.217zm30.422 22.44V58.46h-10.435V47.013h10.435V29.737h13.397v17.276h10.544v11.448H288.61v43.99zm29.567-15.82c0-10.213 7.256-16.61 20.11-17.623l16.264-1.235v-1.235c0-7.521-4.389-10.546-11.21-10.546c-7.908 0-12.31 3.372-12.31 9.2h-11.427c0-12.003 9.674-19.857 24.39-19.857c14.715 0 23.614 8.076 23.614 23.45v33.665h-11.753l-.992-8.187c-2.31 5.717-9.674 9.644-18.125 9.644c-11.536 0-18.574-6.84-18.574-17.276zm36.482-6.62v-2.913L329.943 78c-8.356.79-11.536 3.594-11.536 8.076c0 5.051 3.302 7.52 9.335 7.52c8.12 0 13.372-4.91 13.516-13.217zm26.358 22.44V18.968h13.288v83.481zm53.183-56.992c16.808 0 29.01 11.892 29.01 29.168c0 17.277-12.202 29.17-29.01 29.17c-16.807 0-29.009-11.893-29.009-29.17c0-17.276 12.202-29.168 29.01-29.168m0 46.112c9.226 0 15.598-6.841 15.598-16.944s-6.372-16.943-15.598-16.943s-15.598 6.841-15.598 16.943s6.372 16.944 15.598 16.944m39.66 10.88V47.026h12.418l1.1 7.189c3.41-5.607 10-8.868 17.365-8.868c13.629 0 20.655 8.645 20.655 23.008v34.108h-13.4v-30.86c0-9.311-4.51-13.808-11.426-13.808c-8.234 0-13.289 5.829-13.289 14.807v29.848z"/><path fill="#19d89f" d="M80.219 81.913h-40.11v40.963h40.11z"/><path d="M40.11 0L0 40.963v40.964h40.11l40.096-40.964V0z"/></svg>Katalon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:katalon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:katalon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:katalon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--katalon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:katalon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:katalon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/katalon.svg" alt="Katalon アイコン" width="24" height="24">SVG Logos の関連アイコン
Katalon アイコン のよくある質問
Katalon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Katalon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:katalon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Katalon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/katalon.svg" alt="Katalon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。