Skip to content

Civitai

Official Civitai vector logo in the AI Products category. Download lossless SVG and a 1024px transparent PNG.

Civitai Logo

Brand Color Palette

Click swatch to copy HEX

Download

ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 46 46
File Size / Nodes
878 B · 3 paths

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setCivitai.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Civitai
Industry Category
AI Products
Primary Color (HEX / RGB / HSL)
#1281F4rgb(18, 129, 244) · hsl(211, 91%, 51%)
WCAG Surface Contrast
Light 3.8:1 · Dark 5.2:1

Inline SVG Code Snippet

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m23 0 19.918 11.5v23L23 46 3.082 34.5v-23z" fill="url(#paint0_linear_530_686)"/><path d="m23 7.54 13.388 7.73v15.46L23 38.458 9.612 30.73V15.27z" fill="url(#paint1_linear_530_686)"/><path fill-rule="evenodd" clip-rule="evenodd" d="m23 13.196 8.49 4.903v2.64h-4.573L23 18.476l-3.918 2.261v4.524L23 27.523l3.917-2.261h4.573V27.9L23 32.804 14.509 27.9v-9.802z" fill="#fff"/><defs><linearGradient id="paint0_linear_530_686" x1="23" y1="0" x2="23" y2="46" gradientUnits="userSpaceOnUse"><stop stop-color="#1281f4"/><stop offset="1" stop-color="#0821c6"/></linearGradient><linearGradient id="paint1_linear_530_686" x1="23" y1="7.54" x2="23" y2="38.46" gradientUnits="userSpaceOnUse"><stop stop-color="#09138a"/><stop offset="1" stop-color="#150740"/></linearGradient></defs></svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 46 46") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.
View All in Category
Action completed