<!-- Decorative underline element --> <line x1="135" y1="175" x2="310" y2="175" stroke="url(#accentGrad)" stroke-width="2" opacity="0.4"/> </svg>
Here’s an abstract SVG piece inspired by the “ScienceSoft” brand identity — clean, digital, and tech-focused.
<!-- Text: ScienceSoft --> <text x="200" y="88" font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" font-size="42" font-weight="700" fill="#1a2a3a" letter-spacing="1"> Science </text> <text x="200" y="132" font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" font-size="42" font-weight="700" fill="#2b9c5c" letter-spacing="1"> Soft </text>
<!-- Icon mark: Stylized "S" with node/circuit elements --> <g transform="translate(65, 100)"> <!-- Main S curve --> <path d="M-30,-40 C-30,-55 -10,-60 5,-50 C20,-40 25,-25 15,-15 C5,-5 -20,5 -25,20 C-30,35 -15,55 5,55 C25,55 35,40 30,30" fill="none" stroke="url(#mainGrad)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" width="400" height="200"> <defs> <linearGradient id="mainGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#1a5f9e;stop-opacity:1" /> <stop offset="100%" style="stop-color:#2b9c5c;stop-opacity:1" /> </linearGradient> <linearGradient id="accentGrad" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#1a5f9e;stop-opacity:1" /> <stop offset="100%" style="stop-color:#2b9c5c;stop-opacity:1" /> </linearGradient> </defs> <!-- Background --> <rect width="400" height="200" fill="#f0f4f8" rx="12" ry="12"/>
<!-- Node dots on S --> <circle cx="-15" cy="-45" r="5" fill="#1a5f9e"/> <circle cx="20" cy="-30" r="4" fill="#2b9c5c"/> <circle cx="-20" cy="15" r="4" fill="#1a5f9e"/> <circle cx="10" cy="48" r="5" fill="#2b9c5c"/>
<!-- Connecting lines / circuit elements --> <line x1="-30" y1="-40" x2="-45" y2="-55" stroke="#1a5f9e" stroke-width="2" opacity="0.6"/> <line x1="30" y1="30" x2="45" y2="15" stroke="#2b9c5c" stroke-width="2" opacity="0.6"/>
<!-- Small circuit dots --> <circle cx="-45" cy="-55" r="2.5" fill="#1a5f9e" opacity="0.6"/> <circle cx="45" cy="15" r="2.5" fill="#2b9c5c" opacity="0.6"/> </g>
<!-- Decorative underline element --> <line x1="135" y1="175" x2="310" y2="175" stroke="url(#accentGrad)" stroke-width="2" opacity="0.4"/> </svg>
Here’s an abstract SVG piece inspired by the “ScienceSoft” brand identity — clean, digital, and tech-focused.
<!-- Text: ScienceSoft --> <text x="200" y="88" font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" font-size="42" font-weight="700" fill="#1a2a3a" letter-spacing="1"> Science </text> <text x="200" y="132" font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" font-size="42" font-weight="700" fill="#2b9c5c" letter-spacing="1"> Soft </text> sciencesoft logo
<!-- Icon mark: Stylized "S" with node/circuit elements --> <g transform="translate(65, 100)"> <!-- Main S curve --> <path d="M-30,-40 C-30,-55 -10,-60 5,-50 C20,-40 25,-25 15,-15 C5,-5 -20,5 -25,20 C-30,35 -15,55 5,55 C25,55 35,40 30,30" fill="none" stroke="url(#mainGrad)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" width="400" height="200"> <defs> <linearGradient id="mainGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#1a5f9e;stop-opacity:1" /> <stop offset="100%" style="stop-color:#2b9c5c;stop-opacity:1" /> </linearGradient> <linearGradient id="accentGrad" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#1a5f9e;stop-opacity:1" /> <stop offset="100%" style="stop-color:#2b9c5c;stop-opacity:1" /> </linearGradient> </defs> <!-- Background --> <rect width="400" height="200" fill="#f0f4f8" rx="12" ry="12"/> !-- Decorative underline element -->
<!-- Node dots on S --> <circle cx="-15" cy="-45" r="5" fill="#1a5f9e"/> <circle cx="20" cy="-30" r="4" fill="#2b9c5c"/> <circle cx="-20" cy="15" r="4" fill="#1a5f9e"/> <circle cx="10" cy="48" r="5" fill="#2b9c5c"/>
<!-- Connecting lines / circuit elements --> <line x1="-30" y1="-40" x2="-45" y2="-55" stroke="#1a5f9e" stroke-width="2" opacity="0.6"/> <line x1="30" y1="30" x2="45" y2="15" stroke="#2b9c5c" stroke-width="2" opacity="0.6"/> and tech-focused. <
<!-- Small circuit dots --> <circle cx="-45" cy="-55" r="2.5" fill="#1a5f9e" opacity="0.6"/> <circle cx="45" cy="15" r="2.5" fill="#2b9c5c" opacity="0.6"/> </g>