Trustpilot アイコン
thesvg-color:trustpilot
Trustpilot アイコン(thesvg-color:trustpilot)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 600 × 147 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 600 × 147
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="147" viewBox="0 0 600 147"><path d="M178.2 300.7h60.7V312H215v63.7h-13.1V312h-23.8zm58.1 20.7h11.2v10.5h.2c.4-1.5 1.1-2.9 2.1-4.3s2.2-2.7 3.7-3.8c1.4-1.2 3-2.1 4.8-2.8c1.7-.7 3.5-1.1 5.3-1.1c1.4 0 2.4.1 2.9.1c.5.1 1.1.2 1.6.2v11.5c-.8-.2-1.7-.3-2.6-.4s-1.7-.2-2.6-.2q-3 0-5.7 1.2c-2.7 1.2-3.3 2-4.7 3.5c-1.3 1.6-2.4 3.5-3.2 5.8s-1.2 5-1.2 8v25.8h-12zm86.8 54.3h-11.8v-7.6h-.2c-1.5 2.8-3.7 4.9-6.6 6.6s-5.9 2.5-8.9 2.5c-7.1 0-12.3-1.7-15.5-5.3c-3.2-3.5-4.8-8.9-4.8-16v-34.5h12v33.3c0 4.8.9 8.2 2.8 10.1c1.8 2 4.4 3 7.7 3q3.75 0 6.3-1.2c2.55-1.2 3.1-1.8 4.1-3.1c1.1-1.3 1.8-2.9 2.3-4.7s.7-3.8.7-5.9v-31.5h12v54.3zm20.4-17.4c.4 3.5 1.7 5.9 4 7.4c2.3 1.4 5.1 2.1 8.3 2.1c1.1 0 2.4-.1 3.8-.3s2.8-.5 4-1c1.3-.5 2.3-1.2 3.1-2.2s1.2-2.2 1.1-3.7s-.6-2.8-1.7-3.8s-2.4-1.7-4-2.4c-1.6-.6-3.5-1.1-5.6-1.5s-4.2-.9-6.4-1.4s-4.4-1.1-6.5-1.8s-3.9-1.6-5.6-2.9c-1.6-1.2-3-2.7-3.9-4.6c-1-1.9-1.5-4.1-1.5-6.9c0-3 .7-5.4 2.2-7.4c1.4-2 3.3-3.6 5.5-4.8s4.7-2.1 7.4-2.6s5.3-.7 7.7-.7c2.8 0 5.5.3 8 .9s4.9 1.5 6.9 2.9c2.1 1.3 3.8 3.1 5.1 5.2c1.4 2.1 2.2 4.7 2.6 7.7h-12.5c-.6-2.9-1.9-4.8-3.9-5.8c-2.1-1-4.4-1.5-7.1-1.5c-.8 0-1.9.1-3 .2c-1.2.2-2.2.4-3.3.8c-1 .4-1.9 1-2.6 1.7s-1.1 1.7-1.1 2.9c0 1.5.5 2.6 1.5 3.5s2.3 1.6 4 2.3c1.6.6 3.5 1.1 5.6 1.5s4.3.9 6.5 1.4s4.3 1.1 6.4 1.8s4 1.6 5.6 2.9c1.6 1.2 3 2.7 4 4.5s1.5 4.1 1.5 6.7c0 3.2-.7 5.9-2.2 8.2c-1.5 2.2-3.4 4.1-5.7 5.5s-5 2.4-7.8 3.1c-2.9.6-5.7 1-8.5 1c-3.4 0-6.6-.4-9.5-1.2s-5.5-2-7.6-3.5c-2.1-1.6-3.8-3.5-5-5.9c-1.2-2.3-1.9-5.1-2-8.4h12.1v.1zm39.5-36.9h9.1V305h12v16.3h10.8v8.9h-10.8v29c0 1.3.1 2.3.2 3.3c.1.9.4 1.7.7 2.3c.4.6 1 1.1 1.7 1.4c.8.3 1.8.5 3.2.5c.8 0 1.7 0 2.5-.1s1.7-.2 2.5-.4v9.3c-1.3.2-2.6.3-3.9.4c-1.3.2-2.5.2-3.9.2c-3.2 0-5.7-.3-7.6-.9s-3.4-1.5-4.5-2.6c-1.1-1.2-1.8-2.6-2.2-4.3s-.6-3.8-.7-6v-32H383v-9.1zm40.3 0h11.3v7.4h.2c1.7-3.2 4-5.4 7-6.8s6.2-2.1 9.8-2.1c4.3 0 8 .7 11.2 2.3c3.2 1.5 5.8 3.5 7.9 6.2c2.1 2.6 3.7 5.7 4.7 9.2s1.6 7.3 1.6 11.2c0 3.7-.5 7.2-1.4 10.6c-1 3.4-2.4 6.5-4.3 9.1s-4.3 4.7-7.3 6.3s-6.4 2.4-10.4 2.4c-1.7 0-3.5-.2-5.2-.5s-3.4-.8-5-1.5s-3.1-1.6-4.4-2.7c-1.4-1.1-2.5-2.4-3.4-3.8h-.2v27.1h-12v-74.4zm41.9 27.2c0-2.4-.3-4.8-1-7.1c-.6-2.3-1.6-4.3-2.9-6.1s-2.9-3.2-4.7-4.3c-1.9-1.1-4.1-1.6-6.5-1.6c-5 0-8.8 1.7-11.4 5.2c-2.5 3.5-3.8 8.2-3.8 14c0 2.8.3 5.3 1 7.6s1.6 4.3 3 6c1.3 1.7 2.9 3 4.8 4s4 1.5 6.5 1.5c2.8 0 5-.6 6.9-1.7s3.4-2.6 4.7-4.3c1.2-1.8 2.1-3.8 2.6-6.1c.5-2.4.8-4.7.8-7.1m21.1-47.9h12V312h-12zm0 20.7h12v54.3h-12zm22.7-20.7h12v75h-12zm48.6 76.5c-4.3 0-8.2-.7-11.6-2.2s-6.2-3.4-8.6-5.9c-2.3-2.5-4.1-5.6-5.3-9.1s-1.9-7.4-1.9-11.5s.6-7.9 1.9-11.4c1.2-3.5 3-6.5 5.3-9.1c2.3-2.5 5.2-4.5 8.6-5.9s7.3-2.2 11.6-2.2s8.2.7 11.6 2.2c3.4 1.4 6.2 3.4 8.6 5.9c2.3 2.5 4.1 5.6 5.3 9.1s1.9 7.3 1.9 11.4c0 4.2-.6 8-1.9 11.5s-3 6.5-5.3 9.1c-2.3 2.5-5.2 4.5-8.6 5.9s-7.2 2.2-11.6 2.2m0-9.5c2.6 0 5-.6 6.9-1.7c2-1.1 3.5-2.6 4.8-4.4s2.2-3.9 2.8-6.1c.6-2.3.9-4.6.9-7q0-3.45-.9-6.9c-.9-3.45-1.5-4.3-2.8-6.1s-2.9-3.2-4.8-4.3c-2-1.1-4.3-1.7-6.9-1.7s-5 .6-6.9 1.7c-2 1.1-3.5 2.6-4.8 4.3c-1.3 1.8-2.2 3.8-2.8 6.1s-.9 4.6-.9 6.9c0 2.4.3 4.7.9 7s1.5 4.3 2.8 6.1s2.9 3.3 4.8 4.4c2 1.2 4.3 1.7 6.9 1.7m31-46.3h9.1V305h12v16.3h10.8v8.9h-10.8v29c0 1.3.1 2.3.2 3.3c.1.9.4 1.7.7 2.3c.4.6 1 1.1 1.7 1.4c.8.3 1.8.5 3.2.5c.8 0 1.7 0 2.5-.1s1.7-.2 2.5-.4v9.3c-1.3.2-2.6.3-3.9.4c-1.3.2-2.5.2-3.9.2c-3.2 0-5.7-.3-7.6-.9s-3.4-1.5-4.5-2.6c-1.1-1.2-1.8-2.6-2.2-4.3s-.6-3.8-.7-6v-32h-9.1v-9.1z"/><path fill="#00b67a" d="M164.2 300.7h-54.9l-16.9-52.2l-17 52.2l-54.9-.1l44.4 32.3l-17 52.2l44.4-32.3l44.4 32.3l-16.9-52.2z"/><path fill="#005128" d="m123.6 344.7l-3.8-11.8l-27.4 19.9z"/></svg>Trustpilot アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:trustpilot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:trustpilot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:trustpilot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--trustpilot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:trustpilot"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:trustpilot"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/trustpilot.svg" alt="Trustpilot アイコン" width="24" height="24">他のアイコンセットの Trustpilot アイコン
Trustpilot アイコン のよくある質問
Trustpilot アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Trustpilot アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:trustpilot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trustpilot アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/trustpilot.svg" alt="Trustpilot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。