本文へスキップ
ツールLottie

LottieFiles

LottieFilesの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

LottieFiles Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 81 81
ファイルサイズ
1.2 KB · 2 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますLottieFiles.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
LottieFiles
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#00DDB3rgb(0, 221, 179) · hsl(169, 100%, 43%)
WCAG コントラストとファイルサイズ
白背景 1.8:1 · 黒背景 11.3:1 · 1.2 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="81" height="81" viewBox="0 0 81 81" fill="none">
<path d="M60.0722 0.258789H20.5557C9.37652 0.258789 0.313965 9.3213 0.313965 20.5005V60.017C0.313965 71.1962 9.37652 80.2587 20.5557 80.2587H60.0722C71.2514 80.2587 80.314 71.1962 80.314 60.017V20.5005C80.314 9.3213 71.2514 0.258789 60.0722 0.258789Z" fill="#00DDB3"/>
<path d="M61.1157 18.1768C47.3448 18.1768 42.2418 28.0092 38.1385 35.9082L35.458 40.9617C31.113 49.3385 27.8668 54.4305 19.501 54.4305C18.9816 54.4305 18.4673 54.5328 17.9874 54.7316C17.5076 54.9303 17.0716 55.2216 16.7043 55.5889C16.3371 55.9561 16.0456 56.3921 15.8468 56.872C15.6481 57.3518 15.5459 57.8661 15.5459 58.3855V58.3855C15.5474 59.4339 15.9645 60.4391 16.7059 61.1804C17.4473 61.9218 18.4525 62.339 19.501 62.3404V62.3404C33.2774 62.3404 38.3803 52.508 42.4836 44.609L45.1587 39.5555C49.5092 31.1787 52.7554 26.0867 61.1157 26.0867C61.6356 26.0874 62.1504 25.9856 62.6309 25.7872C63.1113 25.5888 63.548 25.2976 63.9159 24.9302C64.2837 24.5629 64.5756 24.1267 64.7747 23.6465C64.9738 23.1663 65.0762 22.6516 65.0762 22.1317V22.1317C65.0747 21.0823 64.6568 20.0764 63.9143 19.3348C63.1717 18.5933 62.1652 18.1768 61.1157 18.1768V18.1768Z" fill="white"/>
</svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 81 81")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました