Assorted SVG generation prompts
Prompt
Create me an SVG of a logo for an AI benchmarking company. Focus on blues and purples. The name of the company is Artificial Analysis.
Of course! Here are three distinct logo concepts for an AI benchmarking company named "Artificial Analysis," created as SVG code. All concepts focus on a blue and purple color scheme and embody themes of measurement, data, and intelligence. ### How to Use Simply copy the code for your chosen logo and save it in a file with an `.svg` extension (e.g., `logo.svg`). You can then use this file on your website, in documents, or edit it further in any vector graphics editor like Adobe Illustrator, Inkscape (free), or Figma. --- ### Logo Option 1: The Ascendant "A" This design integrates a bar chart—the ultimate symbol of benchmarking—directly into the letter "A" of "Analysis." The upward trend of the bars signifies performance improvement and growth. **Design Rationale:** * **A for Analysis:** The icon is a stylized letter "A". * **Benchmark Bars:** The bars inside the "A" directly represent data and measurement. * **Upward Trend:** The rising height of the bars suggests positive results and progress. * **Colors:** A sophisticated gradient from deep blue to a vibrant purple, with a brighter cyan accent for the bars to make them pop. ```xml <svg width="600" height="150" viewBox="0 0 600 150" xmlns="http://www.w3.org/2000/svg"> <!-- Logo for Artificial Analysis - Option 1: The Ascendant "A" This logo combines the letter 'A' with a bar chart, symbolizing analysis and benchmarking. --> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#4f46e5; stop-opacity:1" /> <stop offset="100%" style="stop-color:#a855f7; stop-opacity:1" /> </linearGradient> <linearGradient id="accentGrad" x1="0%" y1="100%" x2="0%" y2="0%"> <stop offset="0%" style="stop-color:#818cf8;" /> <stop offset="100%" style="stop-color:#22d3ee;" /> </linearGradient> </defs> <!-- Logomark --> <g transform="translate(25, 25)"> <!-- Main 'A' Shape --> <path d="M50 0 L0 100 L20 100 L40 50 L60 50 L80 100 L100 100 Z" fill="url(#grad1)" /> <!-- Benchmark Bars inside 'A' --> <rect x="28" y="60" width="12" height="40" rx="2" fill="url(#accentGrad)" /> <rect x="44" y="45" width="12" height="55" rx="2" fill="url(#accentGrad)"/> <rect x="60" y="52" width="12" height="48" rx="2" fill="url(#accentGrad)"/> </g> <!-- Logotype --> <text x="160" y="92" font-family="Montserrat, -apple-system, sans-serif" font-size="42" fill="#333" font-weight="300"> ARTIFICIAL <tspan font-weight="600" fill="#222">ANALYSIS</tspan> </text> </svg> ``` --- ### Logo Option 2: The Neural Benchmark This concept is more abstract, combining a simple bar chart with nodes to evoke a neural network. It speaks to the "Artificial" intelligence aspect while clearly showing the "Analysis" and benchmarking function. **Design Rationale:** * **Neural Network:** The connected nodes are a classic symbol for AI and machine learning. * **Bar Chart:** The three vertical shapes represent a benchmark measurement. * **Progression:** The color gradient flows from left to right across the bars, reinforcing the idea of a measured process. * **Modern & Clean:** This design is minimalist and highly scalable. ```xml <svg width="600" height="150" viewBox="0 0 600 150" xmlns="http://www.w3.org/2000/svg"> <!-- Logo for Artificial Analysis - Option 2: The Neural Benchmark This logo combines a bar chart with neural network nodes, representing AI-driven measurement. --> <defs> <linearGradient id="grad2" x1="0%" y1="50%" x2="100%" y2="50%"> <stop offset="0%" style="stop-color:#4338ca;" /> <stop offset="100%" style="stop-color:#c084fc;" /> </linearGradient> </defs> <!-- Logomark --> <g transform="translate(30, 25)"> <!-- The bars --> <rect x="0" y="50" width="25" height="50" rx="4" fill="url(#grad2)" /> <rect x="35" y="25" width="25" height="75" rx="4" fill="url(#grad2)" /> <rect x="70" y="0" width="25" height="100" rx="4" fill="url(#grad2)" /> <!-- The connecting line/path --> <path d="M12.5 50 Q 35 25, 47.5 25 M47.5 25 Q 60 25, 82.5 0" stroke="#a78bfa" stroke-width="3" fill="none" stroke-linecap="round" /> <!-- The nodes --> <circle cx="12.5" cy="50" r="5" fill="#fff" stroke="#4338ca" stroke-width="2"/> <circle cx="47.5" cy="25" r="5" fill="#fff" stroke="#8b5cf6" stroke-width="2"/> <circle cx="82.5" cy="0" r="5" fill="#fff" stroke="#c084fc" stroke-width="2"/> </g> <!-- Logotype --> <text x="160" y="92" font-family="Poppins, -apple-system, sans-serif" font-size="42" fill="#333" font-weight="400"> Artificial <tspan font-weight="600">Analysis</tspan> </text> </svg> ``` --- ### Logo Option 3: The Abstract Node This design is clean, modern, and symbolic. It represents a single data point or node being analyzed. The orbiting elements suggest processing, evaluation, and the layers of a complex AI model. **Design Rationale:** * **Core Node:** The central circle represents a data point, a model, or a problem being analyzed. * **Analysis Layers:** The orbiting shapes represent the process of benchmarking—examining from all angles. * **Dynamic Feel:** The shapes and color gradient create a sense of movement and high-tech sophistication. * **Simplicity:** This minimal mark is highly memorable and works well at very small sizes. ```xml <svg width="600" height="150" viewBox="0 0 600 150" xmlns="http://www.w3.org/2000/svg"> <!-- Logo for Artificial Analysis - Option 3: The Abstract Node This logo symbolizes a data node being processed and analyzed by layers of an AI system. --> <defs> <linearGradient id="grad3" x1="100%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:#7c3aed;" /> <stop offset="100%" style="stop-color:#3b82f6;" /> </linearGradient> <linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#a855f7;" /> <stop offset="100%" style="stop-color:#60a5fa;" /> </linearGradient> </defs> <!-- Logomark --> <g transform="translate(75, 75)"> <!-- Center circle --> <circle cx="0" cy="0" r="18" fill="url(#grad3)" /> <!-- Outer orbiting shapes --> <g stroke-width="10" fill="none" stroke-linecap="round"> <path d="M -45 0 A 45 45 0 0 1 0 -45" stroke="url(#grad3)"/> <path d="M 45 0 A 45 45 0 0 1 0 45" stroke="url(#grad4)"/> <path d="M -20 -40 A 50 50 0 0 1 40 20" stroke="url(#grad3)" opacity="0.6"/> </g> </g> <!-- Logotype --> <text x="160" y="92" font-family="Inter, -apple-system, sans-serif" font-size="42" fill="#222" letter-spacing="-1"> <tspan font-weight="700">ARTIFICIAL</tspan> <tspan font-weight="400">ANALYSIS</tspan> </text> </svg> ```
Here's an SVG logo design for "Artificial Analysis" incorporating blues, purples, and AI benchmarking concepts: ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 200" style="background:#0f172a"> <!-- Gradient Definition --> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#6366f1" /> <stop offset="100%" stop-color="#8b5cf6" /> </linearGradient> <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#c7d2fe" /> <stop offset="100%" stop-color="#ddd6fe" /> </linearGradient> </defs> <!-- Abstract AI Symbol --> <g transform="translate(50,50)"> <!-- Neural Network Base --> <path d="M0,50 Q25,0 50,50 T100,50" fill="none" stroke="url(#grad1)" stroke-width="4" stroke-linecap="round"/> <path d="M0,50 Q25,100 50,50 T100,50" fill="none" stroke="url(#grad1)" stroke-width="4" stroke-linecap="round"/> <!-- Benchmark Bars --> <rect x="20" y="30" width="10" height="40" fill="#4f46e5" rx="2"/> <rect x="40" fill="#" fill="#" fill="#" fill="#7c3aed" rx="2"/> <rect x="60" y="20" width="10" height="50" fill="#8b5cf6" rx="2"/> <rect x="80" y="5" width="10" height="65" fill="#a78bfa" rx="2"/> <!-- Analysis Nodes --> <circle cx="25" cy="50" r="6" fill="#c4b5fd" stroke="#7c3aed" stroke-width="2"/> <circle cx="75" cy="50" r="6" fill="#c4b5fd" stroke="#7c3aed" stroke-width="2"/> </g> <!-- Company Name --> <text x="180" y="100" font-family="Arial, sans-serif" font-size="36" font-weight="600" fill="url(#grad2)"> Artificial Analysis </text> <!-- Tagline --> <text x="180" y="140" font-family="Arial, sans-serif" font-size="18" fill="#c7d2fe"> AI Benchmarking Intelligence </text> </svg> ``` This design features: 1. **Color Scheme**: - Deep indigo background (#0f16a) - Gradient blues/purples (#6366f1 to #8b5cf6) - Light lavender accents (#c7d2fe, #ddd6fe) 2. **Symbolism**: - Curved neural network paths forming a brain-like shape - Benchmark bars showing performance measurement - Connection nodes representing AI analysis - Smooth gradients suggesting technological sophistication 3. **Typography**: - Bold company name with gradient fill - Clean sans-serif font for modern feel - Subtle tagline reinforcing the purpose 4. **Design Elements**: - Abstract representation combining AI and benchmarking - Balanced composition with icon + text - Responsive-friendly aspect ratio - Dark background to make colors pop The logo works well at various sizes and maintains clarity in both digital and print formats. The purple/blue gradient evokes trust, intelligence, and technological innovation while the abstract icon communicates the core business focus. Would you like me to adjust any elements (colors, layout, or symbolism) or provide a PNG version?
I'll create a modern, tech-focused logo for Artificial Analysis. Here's an SVG design that incorporates geometric elements representing AI/analysis with a sophisticated blue-purple color scheme: ```svg <svg width="400" height="120" viewBox="0 0 400 120" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#4F46E5;stop-opacity:1" /> <stop offset="50%" style="stop-color:#7C3AED;stop-opacity:1" /> <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" /> </linearGradient> <linearGradient id="accentGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#60A5FA;stop-opacity:1" /> <stop offset="100%" style="stop-color:#A78BFA;stop-opacity:1" /> </linearGradient> <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#1E40AF;stop-opacity:1" /> <stop offset="100%" style="stop-color:#6D28D9;stop-opacity:1" /> </linearGradient> </defs> <!-- Background circle --> <circle cx="40" cy="40" r="35" fill="url(#logoGradient)" opacity="0.1"/> <!-- Main logo icon --> <g transform="translate(15, 15)"> <!-- Neural network nodes --> <circle cx="10" cy="15" r="3" fill="url(#logoGradient)"/> <circle cx="10" cy="35" r="3" fill="url(#logoGradient)"/> <circle cx="10" cy="55" r="3" fill="url(#logoGradient)"/> <circle cx="30" cy="10" r="3" fill="url(#accentGradient)"/> <circle cx="30" cy="25" r="3" fill="url(#accentGradient)"/> <circle cx="30" cy="40" r="3" fill="url(#accentGradient)"/> <circle cx="30" cy="55" r="3" fill="url(#accentGradient)"/> <circle cx="50" cy="20" r="3" fill="url(#logoGradient)"/> <circle cx="50" cy="35" r="3" fill="url(#logoGradient)"/> <circle cx="50" cy="50" r="3" fill="url(#logoGradient)"/> <!-- Connections --> <line x1="13" y1="15" x2="27" y2="10" stroke="url(#logoGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="13" y1="15" x2="27" y2="25" stroke="url(#logoGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="13" y1="35" x2="27" y2="25" stroke="url(#logoGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="13" y1="35" x2="27" y2="40" stroke="url(#logoGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="13" y1="55" x2="27" y2="55" stroke="url(#logoGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="33" y1="10" x2="47" y2="20" stroke="url(#accentGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="33" y1="25" x2="47" y2="20" stroke="url(#accentGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="33" y1="25" x2="47" y2="35" stroke="url(#accentGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="33" y1="40" x2="47" y2="35" stroke="url(#accentGradient)" stroke-width="1.5" opacity="0.6"/> <line x1="33" y1="55" x2="47" y2="50" stroke="url(#accentGradient)" stroke-width="1.5" opacity="0.6"/> <!-- Analysis chart bars --> <rect x="55" y="45" width="4" height="20" fill="url(#logoGradient)" rx="2"/> <rect x="62" y="35" width="4" height="30" fill="url(#accentGradient)" rx="2"/> <rect x="69" y="25" width="4" height="40" fill="url(#logoGradient)" rx="2"/> </g> <!-- Company name --> <text x="100" y="35" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="url(#textGradient)"> Artificial </text> <text x="100" y="55" font-family="Arial, sans-serif" font-size="20" font-weight="300" fill="url(#textGradient)"> Analysis </text> <!-- Tagline --> <text x="100" y="70" font-family="Arial, sans-serif" font-size="10" fill="#6B7280" opacity="0.8"> AI BENCHMARKING & INSIGHTS </text> <!-- Decorative elements --> <circle cx="350" cy="25" r="2" fill="url(#accentGradient)" opacity="0.7"/> <circle cx="365" cy="35" r="1.5" fill="url(#logoGradient)" opacity="0.5"/> <circle cx="375" cy="20" r="1" fill="url(#accentGradient)" opacity="0.8"/> </svg> ``` This logo design features: 1. **Neural Network Visualization**: Connected nodes representing AI systems 2. **Analysis Charts**: Bar chart elements showing benchmarking/analysis capabilities 3. **Modern Color Palette**: Gradients using blues (#2563EB, #4F46E5) and purples (#7C3AED, #6D28D9) 4. **Professional Typography**: Clean, modern font treatment with the company name 5. **Subtle Accents**: Small decorative elements that add visual interest 6. **Scalable Design**: Works well at different sizes The design effectively communicates both "Artificial" (through the neural network) and "Analysis" (through the chart elements) while maintaining a professional, tech-forward aesthetic suitable for an AI benchmarking company.
Here's an SVG logo design for "Artificial Analysis" with a modern tech feel, incorporating blue and purple gradients: ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#4a6fff;stop-opacity:1" /> <stop offset="100%" style="stop-color:#9b4dff;stop-opacity:1" /> </linearGradient> <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#30c5ff;stop-opacity:1" /> <stop offset="100%" style="stop-color:#8a2be2;stop-opacity:1" /> </linearGradient> </defs> <!-- Hexagon symbol --> <g transform="translate(50,50)"> <polygon points="0,-35 30,-17.5 30,17.5 0,35 -30,17.5 -30,-17.5" fill="url(#grad1)" stroke="white" stroke-width="2"/> <polygon points="0,-20 17,-10 17,10 0,20 -17,10 -17,-10" fill="url(#grad2)" stroke="white" stroke-width="1"/> <circle cx="0" cy="0" r="5" fill="white"/> </g> <!-- Text --> <text x="100" y="45" font-family="Arial, sans-serif" font-weight="bold" font-size="24" fill="url(#grad1)"> Artificial </text> <text x="100" y="75" font-family="Arial, sans-serif" font-weight="bold" font-size="24" fill="url(#grad2)"> Analysis </text> </svg> ``` This design features: 1. A dual-layer hexagon symbol representing data analysis and AI precision 2. Blue-to-purple gradient colors: - Primary: #4a6fff → #9b4dff (deep blue to purple) - Secondary: #30c5ff → #8a2be2 (cyan to violet) 3. Clean, modern typography with gradient text 4. Central white dot symbolizing intelligence/analysis focus 5. Geometric precision reflecting benchmarking accuracy The hexagon represents both technical precision and interconnected data systems, while the gradients convey the blend of artificial intelligence and deep analysis. The white borders and central dot add visual clarity and focus. You can embed this directly in HTML or save as .svg file. The logo scales cleanly to any size and works well in both light and dark backgrounds.
Below is a standalone SVG snippet you can copy-paste directly into an .svg file or embed inside HTML. It scales cleanly and keeps the color palette to blues and purples as requested. ```svg <?xml version="1.0" encoding="UTF-8"?> <svg width="500" height="150" viewBox="0 0 500 150" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc"> <title id="title">Artificial Analysis – AI Benchmarking Logo</title> <desc id="desc">Logo with a hexagonal icon containing three ascending bars, followed by the words “Artificial Analysis” in a blue-to-purple gradient.</desc> <!-- Gradients --> <defs> <!-- General blue-to-purple gradient --> <linearGradient id="grad-main" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#4F8DFE"/> <stop offset="100%" stop-color="#9C5BFF"/> </linearGradient> <!-- Vertical bar highlight gradient --> <linearGradient id="grad-bars" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#91A9FF"/> <stop offset="100%" stop-color="#4F5BFF"/> </linearGradient> </defs> <!-- Icon: Hexagon with bar-chart --> <g transform="translate(20 15)"> <!-- Hexagon outline --> <polygon points="60,0 120,35 120,95 60,130 0,95 0,35" fill="none" stroke="url(#grad-main)" stroke-width="6" stroke-linejoin="round"/> <!-- Bars (benchmark graph) --> <rect x="35" y="65" width="12" height="45" rx="3" fill="url(#grad-bars)"/> <rect x="55" y="45" width="12" height="65" rx="3" fill="url(#grad-bars)"/> <rect x="75" y="25" width="12" height="85" rx="3" fill="url(#grad-bars)"/> </g> <!-- Company name --> <text x="170" y="92" font-family="Segoe UI, Verdana, Helvetica, sans-serif" font-size="38" font-weight="600" fill="url(#grad-main)" letter-spacing="0.5"> Artificial Analysis </text> </svg> ```
Here's an SVG logo design for **Artificial Analysis**, an AI benchmarking company. The design features a sleek, modern aesthetic with a focus on **blues and purples**, incorporating abstract AI and data motif elements, along with the company name. ```xml <svg width="600" height="200" viewBox="0 0 600 200" xmlns="http://www.w3.org/2000/svg"> <!-- Background --> <rect width="600" height="200" fill="#0f1629" /> <!-- Abstract Neural Network / Data Flow Lines --> <g opacity="0.3"> <path d="M80 100 L140 60 L200 100 L260 40 L320 80" stroke="#8a2be2" stroke-width="2" fill="none" /> <path d="M80 100 L130 140 L190 100 L250 150 L310 110" stroke="#00bfff" stroke-width="2" fill="none" /> <path d="M140 60 L190 100 L250 150" stroke="#4169e1" stroke-width="1.5" fill="none" /> <path d="M200 100 L260 40" stroke="#9370db" stroke-width="1.5" fill="none" /> <path d="M260 40 L320 80" stroke="#00ced1" stroke-width="1.5" fill="none" /> </g> <!-- Central AI Core Symbol --> <g transform="translate(150,100)"> <!-- Outer Circle --> <circle cx="0" cy="0" r="30" fill="none" stroke="#4169e1" stroke-width="2" /> <!-- Inner Pulse Rings --> <circle cx="0" cy="0" r="20" fill="none" stroke="#8a2be2" stroke-width="1.5" stroke-dasharray="4,4" /> <circle cx="0" cy="0" r="10" fill="#00bfff"> <animate attributeName="opacity" values="0.7;1;0.7" dur="2s" repeatCount="indefinite" /> </circle> </g> <!-- Company Name --> <text x="210" y="115" font-family="Arial, sans-serif" font-size="36" font-weight="600" fill="#ffffff"> <tspan fill="#00bfff">Artificial</tspan> <tspan dx="8" fill="#9370db"> Analysis</tspan> </text> <!-- Subtle Glow Under Text --> <text x="210" y="115" font-family="Arial, sans-serif" font-size="36" font-weight="600" fill="none" stroke="#4169e1" stroke-width="0.5" opacity="0.3"> <tspan>Artificial</tspan> <tspan dx="8"> Analysis</tspan> </text> <!-- Bottom Accent Line --> <line x1="210" y1="130" x2="430" y2="130" stroke="#8a2be2" stroke-width="1" opacity="0.5" /> <!-- Optional: Small chip/circuit icon on the left --> <g transform="translate(60,100) scale(0.8)"> <rect x="-15" y="-15" width="30" height="30" fill="none" stroke="#5d8aa8" stroke-width="1.5" rx="3" /> <circle cx="-10" cy="-10" r="2" fill="#00bfff" /> <circle cx="10" cy="-10" r="2" fill="#9370db" /> <circle cx="-10" cy="10" r="2" fill="#8a2be2" /> <circle cx="10" cy="10" r="2" fill="#4169e1" /> </g> </svg> ``` --- ### 🔍 Design Features: - **Color Palette**: Deep blues (`#0f1629` background, `#4169e1`, `#00bfff`) and rich purples (`#8a2be2`, `#9370db`) to convey intelligence, technology, and trust. - **AI Core Symbol**: A pulsing central node (animated slightly with SVG) represents processing intelligence and benchmarking focal point. - **Neural Network Lines**: Flowing lines in the background suggest data flow, AI connections, and analysis. - **Typography**: Clean, modern sans-serif font with "Artificial" in blue and "Analysis" in purple for visual distinction and brand identity. - **Subtle Effects**: Glow under text, dashed orbits, and transparency to add depth. --- ### ✅ Usage Tips: - You can embed this SVG directly into websites or documentation. - To use in apps, save as an `.svg` file or convert to PNG if needed. - The pulse animation works in web browsers (not in static apps). Would you like a version with a different layout (e.g. icon-only, vertical, or monochrome) or exported as PNG?
Certainly! Below is an SVG logo for **Artificial Analysis**, an AI benchmarking company, focusing on blues and purples. The design features an abstract "A" intertwined with circuit-style lines, symbolizing technology and analysis, with a modern sans-serif font. ```svg <svg width="350" height="120" viewBox="0 0 350 120" fill="none" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="aiGradient" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="#375bfe"/> <stop offset="0.7" stop-color="#7267f0"/> <stop offset="1" stop-color="#a259f7"/> </linearGradient> <linearGradient id="nodeGradient" x1="0" y1="0" x2="10" y2="10" gradientUnits="userSpaceOnUse"> <stop stop-color="#6c38a3"/> <stop offset="1" stop-color="#4bb2fa"/> </linearGradient> </defs> <!-- Abstract A with circuits --> <path d="M40 100 L65 30 L90 100 Z" fill="url(#aiGradient)"/> <rect x="63" y="60" width="4" height="30" rx="2" fill="#fff" opacity="0.7"/> <rect x="54" y="85" width="22" height="4" rx="2" fill="#fff" opacity="0.7"/> <!-- Circuit nodes --> <circle cx="65" cy="30" r="6" fill="url(#nodeGradient)" stroke="#fff" stroke-width="2"/> <circle cx="54" cy="92" r="4" fill="url(#nodeGradient)" stroke="#fff" stroke-width="1"/> <circle cx="76" cy="92" r="4" fill="url(#nodeGradient)" stroke="#fff" stroke-width="1"/> <circle cx="65" cy="75" r="4" fill="url(#nodeGradient)" stroke="#fff" stroke-width="1"/> <!-- Company name --> <text x="110" y="57" fill="#375bfe" font-family="Segoe UI, Arial, sans-serif" font-size="32" font-weight="bold" letter-spacing="1.5px"> Artificial </text> <text x="110" y="92" fill="#7267f0" font-family="Segoe UI, Arial, sans-serif" font-size="30" font-weight="normal" letter-spacing="1.1px"> Analysis </text> </svg> ``` **How to use:** Just copy and paste this SVG code into your HTML or an `.svg` file! You can adjust the size by changing the `width` and `height` attributes in the `<svg>` tag if needed.
Here's an SVG logo for **Artificial Analysis**, incorporating an abstract representation of growth and data processing using geometric elegance and a palette of blues and purples. --- ### 🎨 Design Elements: - **Core Symbol:** A stylized hexagon made of interlocking gradient triangles, symbolizing connectivity and processing. - **Gradient Palette:** A blend of **deep blues (#2E4053)** to **rich purples (#7D3CFF)** suggesting technology and innovation. - **Gloss Effect:** A translucent triangular highlight adds depth and reflects high-tech quality. - **Typography:** Bold, sans-serif font (**Arial Black**) in dark purple for clarity and modernity. --- ### ✅ SVG Code ```xml <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 220"> <!-- Definitions --> <defs> <!-- Background Gradient --> <linearGradient id="bgGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#E0ECFA"/> <stop offset="100%" stop-color="#F2E6F9"/> </linearGradient> <!-- Hexagon Fill Gradient --> <linearGradient id="hexGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#3498DB"/> <stop offset="100%" stop-color="#8E44AD"/> </linearGradient> <!-- Highlight Gloss Gradient --> <linearGradient id="highlightGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.5"/> <stop offset="100%" stop-color="#000000" stop-opacity="0"/> </linearGradient> </defs> <!-- Background --> <rect width="100%" height="100%" fill="url(#bgGrad)" /> <!-- Hexagon Symbol --> <g transform="translate(100, 90)"> <!-- 3 Interwoven Triangles Forming a Hexagon --> <path d="M0,-60 L52,30 L-52,30 Z" fill="url(#hexGrad)" /> <path d="M52,30 L0,90 L-52,30 Z" fill="url(#hexGrad)" opacity="0.7"/> <path d="M0,-30 L52,-90 L-52,-90 Z" fill="url(#hexGrad)" opacity="0.7"/> <!-- Highlight Gloss Triangle --> <polygon points="0,-30 26,-70 -26,-70" fill="url(#highlightGrad)" /> </g> <!-- Company Name --> <text x="100" y="170" fill="#581845" font-size="16" font-family="Arial Black, sans-serif" text-anchor="middle" font-weight="bold"> Artificial Analysis </text> </svg> ``` --- ### 🌟 Key Notes: - **Responsive ViewBox:** The SVG will scale well across devices and sizes due to the defined viewBox (0, 0, 200, 220). - **Color Scheme:** - **Base Hexagon:** `#3498DB` to `#8E44AD` - **Highlight Gloss:** Semi-transparent white to black for lighting effect - **Text Color:** Deep purple (`#581845`) for contrast - **Symbolism:** - The **interlocking triangles** represent synergy, benchmarking, and multi-layered AI analysis. - The **gloss** adds a sense of polish and forward motion. - The **name** is clean, authoritative, and easy to read. --- ### 💡 Suggested Usage Use this SVG as a **website header**, **application icon**, or **app launcher logo**. Since it’s SVG, the logo will remain pixel-perfect at all resolutions without extra effort. Would you like an alternate monochrome version or a version optimized for dark backgrounds?
```svg <svg width="240" height="60" viewBox="0 0 240 60" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="aaGrad" x1="0.05" y1="0.15" x2="0.95" y2="0.85"> <stop offset="0%" stop-color="#5B7CF7"/> <stop offset="100%" stop-color="#9B5BFF"/> </linearGradient> <!-- Subtle shine overlay --> <filter id="softBlur" x="-5%" y="-5%" width="110%" height="110%"> <feGaussianBlur stdDeviation="1.2" in="SourceGraphic"/> </filter> </defs> <!-- Spark / icon --> <g transform="translate(18 12)"> <path d="M6 0 L8 8 L16 10 L8 12 L6 20 L4 12 L-4 10 L4 8 Z" fill="url(#aaGrad)"/> <circle cx="6" cy="10" r="4" fill="#ffffff44"/> <!-- subtle highlight --> </g> <!-- Type --> <text x="44" y="38" font-family="Helvetica, Arial, sans-serif" font-size="26" font-weight="700" fill="url(#aaGrad)"> Artificial Analysis </text> </svg> ```
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 920 260" role="img" aria-labelledby="title desc"> <title id="title">Artificial Analysis - AI benchmarking logo</title> <desc id="desc">A stylized A with an ascending data line and orbit, in blue and purple gradients, followed by the text Artificial Analysis.</desc> <defs> <linearGradient id="gradA" x1="60" y1="200" x2="200" y2="60" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#4F8BFF"/> <stop offset="50%" stop-color="#6B6CFF"/> <stop offset="100%" stop-color="#8F5CFF"/> </linearGradient> <linearGradient id="gradTrend" x1="90" y1="170" x2="170" y2="120" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#52A0FF"/> <stop offset="100%" stop-color="#A06BFF"/> </linearGradient> <linearGradient id="gradOrbit" x1="20" y1="180" x2="240" y2="80" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#7EA0FF" stop-opacity="0.9"/> <stop offset="100%" stop-color="#C39BFF" stop-opacity="0.2"/> </linearGradient> <linearGradient id="gradText" x1="300" y1="0" x2="860" y2="0" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#4F8BFF"/> <stop offset="60%" stop-color="#7867FF"/> <stop offset="100%" stop-color="#9A5CFF"/> </linearGradient> </defs> <!-- Mark --> <g id="mark" shape-rendering="geometricPrecision"> <!-- Orbit --> <ellipse cx="130" cy="132" rx="110" ry="52" transform="rotate(-20 130 132)" fill="none" stroke="url(#gradOrbit)" stroke-width="4" stroke-linecap="round" stroke-dasharray="180 30"/> <!-- Stylized A --> <path d="M60,200 L130,60" fill="none" stroke="url(#gradA)" stroke-width="18" stroke-linecap="round"/> <path d="M200,200 L130,60" fill="none" stroke="url(#gradA)" stroke-width="18" stroke-linecap="round"/> <!-- Ascending benchmark line --> <polyline points="92,165 130,145 168,125" fill="none" stroke="url(#gradTrend)" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> <!-- Data nodes --> <circle cx="92" cy="165" r="6.5" fill="#FFFFFF" stroke="#6F7CFF" stroke-width="3"/> <circle cx="130" cy="145" r="6.5" fill="#FFFFFF" stroke="#7D67FF" stroke-width="3"/> <circle cx="168" cy="125" r="6.5" fill="#FFFFFF" stroke="#8F5CFF" stroke-width="3"/> </g> <!-- Wordmark --> <g id="wordmark"> <text x="300" y="150" font-size="64" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" letter-spacing="0.5"> <tspan font-weight="800" fill="url(#gradText)">Artificial</tspan> <tspan dx="18" font-weight="600" fill="#2B2E6F">Analysis</tspan> </text> </g> </svg>
```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 150" width="400" height="150"> <!-- Background (optional subtle gradient) --> <rect width="400" height="150" fill="none" /> <!-- Icon: Stylized interlocking 'A's representing AI analysis --> <g transform="translate(20, 20)"> <!-- Blue 'A' --> <path d="M0 60 L30 0 L60 60 M10 40 L50 40" stroke="#007BFF" stroke-width="8" fill="none" stroke-linecap="round" stroke-linejoin="round" /> <!-- Purple 'A' overlapping --> <path d="M40 60 L70 0 L100 60 M50 40 L90 40" stroke="#6F42C1" stroke-width="8" fill="none" stroke-linecap="round" stroke-linejoin="round" /> <!-- Connecting waveform (representing benchmarking data) --> <path d="M100 30 Q120 50 140 30 Q160 10 180 30" stroke="#00BFFF" stroke-width="4" fill="none" stroke-linecap="round" /> <circle cx="180" cy="30" r="5" fill="#9370DB" /> </g> <!-- Company Name --> <text x="20" y="110" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#007BFF">Artificial</text> <text x="150" y="110" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#6F42C1">Analysis</text> <!-- Subtle tagline (optional) --> <text x="20" y="135" font-family="Arial, sans-serif" font-size="14" fill="#9370DB">AI Benchmarking</text> </svg> ``` This SVG logo features: - A stylized icon with interlocking 'A's in blue and purple, symbolizing "Artificial Analysis." - A connecting waveform to represent data analysis and benchmarking. - The company name split into two words with matching colors for emphasis. - A subtle tagline for context. - Colors focused on blues (#007BFF, #00BFFF) and purples (#6F42C1, #9370DB) for a modern, tech-savvy feel. You can copy-paste this code into an SVG file or an online viewer to see it rendered. If you'd like adjustments, such as different styles or sizes, let me know!
# AI Benchmarking Company Logo I'll create an SVG logo for "Artificial Analysis" using a modern design with blue and purple colors. The logo will include abstract shapes suggesting neural networks or data visualization. ```html <!DOCTYPE html> <html> <head> <title>Artificial Analysis Logo</title> <style> body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #f5f5f5; margin: 0; padding: 20px; } .container { background: white; border-radius: 8px; pading: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } h1 { text-align: center; margin-top: 0; color: #333; } .logo-display { display: flex; justify-content: center; align-items: center; height: 400px; perspective: 600px; } .logo { transition: transform 0.3s ease; } .logo:hover { transform: translateY(-5px); } pre { background: #0f172a; color: #64748b; padding: 20px; border-radius: 6px; overflow-x: auto; margin-top: 20px; } </style> </head> <body> <div class="container"> <h1>Artificial Analysis Logo</h1> <div class="logo-display"> <svg class="logo" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <!-- Main overlapping circles to represent analysis and AI --> <circle cx="100" cy="100" r="40" fill="url(#gradient-blue)" /> <circle cx="100" cy="100" r="30" fill="url(#gradient-purple)" /> <!-- Outer canvas --> <path d="M0,0 L200,0 L200,200 L0,200 Z" fill="none" stroke="#cbd5e1" stroke-width="2"/> <!-- Node connections (grid-like pattern) --> <line x1="20" y1="60" x2="180" y2="60" stroke="#94a3b8" stroke-width="2" /> <line x1="20" y1="110" x2="180" y2="110" stroke="#94a3b8" stroke-width="2" /> <line x1="60" y1="20" x2="60" y2="180" stroke="#94a3b8" stroke-width="2" /> <line x1="110" y1="20" x2="110" y2="180" stroke="#94a3b8" stroke-width="2" /> <line x1="75" y1="25" x2="75" y2="175" stroke="#cbd5e1" stroke-width="2" /> <line x1="100" y1="25" x2="100" y2="175" stroke="#cbd5e1" stroke-width="2" /> <line x1="125" y1="25" x2="125" y2="175" stroke="#cbd5e1" stroke-width="2" /> <line x1="25" y1="75" x2="175" y2="75" stroke="#cbd5e1" stroke-width="2" /> <line x1="25" y1="100" x2="175" y2="100" stroke="#cbd5e1" stroke-width="2" /> <line x1="25" y1="125" x2="175" y2="125" stroke="#cbd5e1" stroke-width="2" /> <!-- AI nodes --> <circle cx="50" cy="50" r="6" fill="white" stroke="#3b82f6" /> <circle cx="150" cy="50" r="6" fill="white" stroke="#93c5fd" /> <circle cx="50" cy="150" r="6" fill="white" stroke="#1e40af" /> <circle cx="150" cy="150" r="6" fill="white" stroke="#6366f1" /> <defs> <!-- Blue gradient --> <linearGradient id="gradient-blue" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#3b82f6" /> <stop offset="100%" stop-color="#60a5fa" /> <stop offset="100%" stop-color="#93c5fd" /> </linearGradient> <!-- Purple gradient --> <linearGradient id="gradient-purple" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#6d28d9" /> <stop offset="100%" stop-color="#a78bfa" /> <stop offset="100%" stop-color="#c4b5fd" /> </linearGradient> </defs> </svg> </div> <p><strong>Name:</strong> Artificial Analysis</p> <p><strong>Colors:</strong> Blue and purple gradients</p> <p><strong>Elements:</strong> Overlapping circles, grid-like connectors, AI nodes</p> <p><strong>Concept:</strong> AI benchmarking, analysis, machine learning</p> </div> </body> </html> ``` ## Information About This SVG Logo This logo represents "Artificial Analysis" through: 1. **Primary Elements**: - Two overlapping circles with gradient fills (blue and purple) to symbolize the intersection of artificial intelligence and data analysis - A grid-like connection pattern suggesting neural network connections - Four small "nodes" representing data points in a machine learning context 2. **Design Features**: - Minimalist yet visually complex design suitable for AI and data businesses - Clean blue-to-lightblue gradient representing technology - Purple gradient reflecting creativity and analysis aspects - Node connections creating a sense of depth 3. **Colors**: - Blues (#3b82f6, #60a5fa, #93c5fd) - Technology, intelligence, reliability - Purples (#6d28d9, #a78bfa, #c4b5fd) - Creativity, analysis, and the unknown in AI The design is responsive and works well for digital applications. You can copy this entire HTML file and open it directly in any browser to view the logo.
Here’s an SVG design for **Artificial Analysis**, an AI benchmarking company, with a sleek, tech-inspired look in blues and purples: ```xml <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 200" width="500" height="200"> <!-- Gradient Background --> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#4285F4" /> <!-- Google Blue --> <stop offset="50%" stop-color="#9B72CF" /> <!-- Mid Purple --> <stop offset="100%" stop-color="#673AB7" /> <!-- Deep Purple --> </linearGradient> </defs> <!-- Abstract AI Symbol --> <path d="M50,100 Q75,50 100,100 T150,100 T200,80" fill="none" stroke="#673AB7" stroke-width="4" stroke-linecap="round"/> <path d="M50,120 Q75,170 100,120 T150,120 T200,140" fill="none" stroke="#4285F4" stroke-width="4" stroke-linecap="round"/> <circle cx="250" cy="100" r="30" fill="url(#gradient)"/> <path d="M280,100 L320,100 M300,80 L300,120" stroke="white" stroke-width="6" stroke-linecap="round"/> <!-- Company Name --> <text x="350" y="100" font-family="'Arial', sans-serif" font-size="36" fill="url(#gradient)" font-weight="bold">Artificial Analysis</text> <!-- Tagline (optional) --> <text x="350" y="130" font-family="'Arial', sans-serif" font-size="16" fill="#555">Benchmarking AI, Intelligently</text> </svg> ``` ### Key Features: 1. **Colors**: Uses a gradient from blue (`#4285F4`) to purple (`#673AB7`) for a modern, tech-driven feel. 2. **Logo Symbol**: - Abstract wave-like lines representing data flow (common in AI/analytics logos). - Central node with a "+" (suggesting analysis or measurement). 3. **Typography**: Bold, clean font (Arial) with the same gradient for cohesion. 4. **Optional Tagline**: Reinforces the company’s purpose. ### Customization Options: - Adjust gradient colors (e.g., deeper blues/purples like `#1A73E8` to `#5E35B1`). - Replace the abstract symbol with a brain-circuit hybrid or bar chart for a stronger "benchmarking" visual. - For a flat-design version, remove the gradient and use solid blues/purples. Let me know if you'd like tweaks to the layout, symbol, or typography!
Here is a potential SVG logo for Artificial Analysis: ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100"> <defs> <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#4567b7" /> <stop offset="100%" stop-color="#6495ed" /> </linearGradient> <linearGradient id="purpleGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#7a288a" /> <stop offset="100%" stop-color="#9c3b9c" /> </linearGradient> </defs> <rect x="0" y="0" width="300" height="100" fill="#ffffff" rx="10" /> <g transform="translate(20, 20)"> <path d="M 20 30 L 40 10 L 60 30 Z" fill="url(#blueGradient)" /> <path d="M 40 10 L 60 10 L 50 0 Z" fill="url(#purpleGradient)" /> <path d="M 50 60 L 40 40 L 60 40 Z" fill="url(#blueGradient)" /> <path d="M 40 40 L 20 30 L 60 30 L 40 40 Z" fill="#ffffff" /> </g> <text x="120" y="55" font-size="40" font-family="Open Sans" font-weight="bold" fill="#4567b7">Artificial Analysis</text> <text x="120" y="80" font-size="20" font-family="Open Sans" fill="#7a288a">Benchmarking Intelligence</text> </g> </svg> ``` This logo features a stylized letter "A" made up of triangles in blues and purples, with a subtle gradient effect. The company name "Artificial Analysis" is displayed prominently next to the logo mark, with the tagline "Benchmarking Intelligence" written in a smaller font size below. You can adjust the colors, font, and layout to fit your company's brand identity. **Color Scheme:** * Blues: `#4567b7`, `#6495ed` * Purples: `#7a288a`, `#9c3b9c` **Fonts:** * Open Sans ( font-family="Open Sans" ) Let me know if you'd like me to make any changes!
Below is an example SVG code for a logo concept for Artificial Analysis. This logo combines blues and purples, aiming to represent technology, innovation, and analysis. The design consists of a stylized letter "A" formed by flowing, interconnected paths, symbolizing the connection between artificial intelligence and analytical insights. ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <!-- Background Rectangle --> <rect fill="#2E4053" x="0" y="0" width="100" height="100" rx="5" /> <!-- Path for the stylized letter "A" --> <path d="M 20,50 C 20,50 35,20 50,50 C 65,80 80,50 95,50 Z" fill="#3498db" stroke="#9b59b6" stroke-width="2" /> <!-- Inner Shape for added depth --> <path d="M 30,40 C 30,40 45,10 60,40 C 75,70 90,40 100,40 Z" fill="#9b59b6" opacity="0.5" /> <!-- Text: Artificial Analysis --> <text x="5" y="90" font-size="8" fill="#fff" font-family="Arial"> Artificial Analysis </text> </svg> ``` ### Explanation: - **Background Rectangle**: The logo has a rounded rectangle background to give it a modern look. The fill color `#2E4053` is a deep blue, representing professionalism and trust. - **Stylized Letter "A" Path**: The "A" is stylized to look like it's made from flowing, connected paths. This represents the flow of data and the connection between artificial intelligence and analysis. The fill color `#3498db` is a bright, sky blue, symbolizing innovation and clarity. The stroke color `#9b59b6` is a rich purple, representing luxury, creativity, and wisdom. - **Inner Shape**: An inner shape is added for depth, with a fill color that matches the stroke of the "A" path but with reduced opacity for a subtle effect. - **Text**: The company name "Artificial Analysis" is placed at the bottom in a simple, white font for readability. This SVG can be scaled up or down without losing quality, making it versatile for various uses such as website logos, business cards, or promotional materials. Feel free to adjust colors, paths, or texts to better fit your specific branding needs or preferences.
Here's a potential SVG logo design for Artificial Analysis: ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200"> <!-- Gradient background --> <defs> <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#4567b7" /> <stop offset="100%" stop-color="#7a288a" /> </linearGradient> </defs> <!-- Main shape --> <rect x="20" y="20" width="160" height="160" fill="url(#grad)" rx="20" /> <!-- Circle for AI --> <circle cx="100" cy="100" r="60" fill="#6495ed" /> <!-- Code-like lines --> <line x1="50" y1="80" x2="150" y2="80" stroke="#6c5ce7" stroke-width="4" stroke-linecap="round" /> <line x1="50" y1="120" x2="150" y2="120" stroke="#6c5ce7" stroke-width="4" stroke-linecap="round" /> <line x1="50" y1="100" x2="150" y2="100" stroke="#6c5ce7" stroke-width="4" stroke-linecap="round" /> <!-- Text --> <text x="100" y="105" font-size="30" font-family="Open Sans" text-anchor="middle" fill="#ffffff">AA</text> <text x="100" y="180" font-size="16" font-family="Open Sans" text-anchor="middle" fill="#ffffff">Artificial Analysis</text> </svg> ``` This design combines smooth, modern shapes with a subtle gradient background in blues and purples. The logo features: * A rectangular background with a gradient that transitions from `#4567b7` (a medium blue) to `#7a288a` (a deep purple). * A circle to represent AI, filled with `#6495ed` (a bright, calming blue). * Three horizontal lines that evoke code, created using the `<line>` element. * The company initials "AA" in white, centered within the circle. * The company name "Artificial Analysis" in smaller white text below the logo. You can adjust the design as needed, and make sure to replace the font family "Open Sans" with a font that's available in your project. If you need to make any adjustments or want a different design, please let me know!
Here's an SVG logo design for **Artificial Analysis**, blending **blues and purples** to evoke technology, intelligence, and innovation. The logo features a stylized abstract icon paired with the company name in a modern sans-serif font. ```xml <svg width="500" height="200" viewBox="0 0 500 200" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- Gradient for the circular icon --> <radialGradient id="bluePurpleGradient" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#2A5CAA" /> <stop offset="100%" stop-color="#6A3D9C" /> </radialGradient> <!-- Gradient for the text --> <linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#FFFFFF" /> <stop offset="100%" stop-color="#D1C4E9" /> </linearGradient> </defs> <!-- Background --> <rect width="100%" height="100%" fill="#1A237E" /> <!-- Circular icon --> <circle cx="80" cy="100" r="60" fill="url(#bluePurpleGradient)" stroke="#FFFFFF" stroke-width="4" /> <!-- Abstract neural network lines --> <g stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"> <line x1="80" y1="40" x2="100" y2="60" /> <line x1="80" y1="160" x2="100" y2="140" /> <line x1="60" y1="100" x2="100" y2="100" /> <line x1="80" y1="80" x2="100" y2="100" /> <line x1="80" y1="120" x2="100" y2="100" /> <line x1="60" y1="80" x2="80" y2="100" /> <line x1="60" y1="120" x2="80" y2="100" /> </g> <!-- Company name --> <text x="120" y="120" font-family="Arial, sans-serif" font-size="32" fill="url(#textGradient)" text-anchor="start"> Artificial Analysis </text> <!-- Optional: Add a subtle shadow for depth --> <text x="120" y="125" font-family="Arial, sans-serif" font-size="32" fill="#000000" opacity="0.2" text-anchor="start"> Artificial Analysis </text> </svg> ``` ### Description: - **Color Palette**: Deep blue (`#2A5CAA`) and purple (`#6A3D9C`) with a white stroke for contrast. - **Icon**: A circular shape with a radial gradient, symbolizing AI and data flow. Abstract lines inside suggest neural networks or circuitry. - **Text**: "Artificial Analysis" is styled with a linear gradient from white to light purple (`#D1C4E9`), with a subtle shadow for depth. - **Layout**: The icon is on the left, and the text is aligned to the right, creating a balanced and modern look. ### Customization Tips: - Adjust the `cx`, `cy`, and `r` values of the circle to scale the icon. - Modify the gradient stops or add more lines for a more complex design. - Replace the font or tweak the text gradient for a different aesthetic. You can copy and paste this code into an HTML file or an SVG editor to view the logo. Let me know if you'd like a more abstract or geometric version!
Below is a ready‑to‑use **SVG** that you can copy into an `.svg` file or embed directly in HTML. It combines a stylised “brain‑network” icon with the company name **Artificial Analysis** and uses a blue‑to‑purple gradient to keep the visual identity in the requested colour range. ```svg <?xml version="1.0" encoding="UTF-8"?> <svg width="400" height="120" viewBox="0 0 400 120" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title" > <title id="title">Artificial Analysis logo</title> <!-- Gradient definition (blue → purple) --> <defs> <linearGradient id="gradBluePurple" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#0066FF"/> <stop offset="100%" stop-color="#8A2BE2"/> </linearGradient> <!-- Drop‑shadow for the icon --> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <feDropShadow dx="0" dy="1" stdDeviation="1.5" flood-color="#000" flood-opacity="0.3"/> </filter> </defs> <!-- Brain‑network icon --> <g filter="url(#shadow)" transform="translate(70,60)"> <!-- Outer shape (abstract brain outline) --> <path d="M -30 -20 C -45 -35, -45 -55, -30 -70 C -15 -85, 15 -85, 30 -70 C 45 -55, 45 -35, 30 -20 C 15 -5, -15 -5, -30 -20 Z" fill="url(#gradBluePurple)" /> <!-- Network nodes --> <circle cx="-20" cy="-45" r="4" fill="#FFFFFF"/> <circle cx="0" cy="-55" r="4" fill="#FFFFFF"/> <circle cx="20" cy="-45" r="4" fill="#FFFFFF"/> <circle cx="-25" cy="-20" r="4" fill="#FFFFFF"/> <circle cx="25" cy="-20" r="4" fill="#FFFFFF"/> <circle cx="0" cy="-10" r="4" fill="#FFFFFF"/> <!-- Connecting lines --> <line x1="-20" y1="-45" x2="0" y2="-55" stroke="#FFFFFF" stroke-width="1.2"/> <line x1="0" y1="-55" x2="20" y2="-45" stroke="#FFFFFF" stroke-width="1.2"/> <line x1="-20" y1="-45" x2="-25" y2="-20" stroke="#FFFFFF" stroke-width="1.2"/> <line x1="20" y1="-45" x2="25" y2="-20" stroke="#FFFFFF" stroke-width="1.2"/> <line x1="-25" y1="-20" x2="0" y2="-10" stroke="#FFFFFF" stroke-width="1.2"/> <line x1="25" y1="-20" x2="0" y2="-10" stroke="#FFFFFF" stroke-width="1.2"/> </g> <!-- Company name --> <text x="150" y="70" font-family="Helvetica, Arial, sans-serif" font-size="28" font-weight="600" fill="url(#gradBluePurple)" text-anchor="start" dominant-baseline="middle" >Artificial Analysis</text> </svg> ``` ### How to use it * **Standalone file** – Save the code above as `artificial-analysis-logo.svg` and reference it with `<img src="artificial-analysis-logo.svg" alt="Artificial Analysis logo">`. * **Inline HTML** – Paste the `<svg>...</svg>` block directly into your HTML markup. * **Colour tweaks** – If you need a different shade, adjust the `stop-color` values inside the `<linearGradient>` (the current ones are `#0066FF` for a vivid blue and `#8A2BE2` for a deep purple). The design is simple enough to scale cleanly at any size while still conveying the high‑tech, data‑driven nature of an AI benchmarking firm. Enjoy!