All Apps and Add-ons

How do you display Splunk logo using Scalable Vector Graphics - Custom Visualization app?

msivill_splunk
Splunk Employee
Splunk Employee

How can I display the Splunk logo within a dashboard panel using the "Scalable Vector Graphics - Custom Visualization"?

0 Karma

msivill_splunk
Splunk Employee
Splunk Employee

This will work...

| makeresults 
| eval colour = "#99999A"
| eval svg_viz = "<svg version=\"1.1\" id=\"splunk_logo\" xmlns=\"http://www.w3.org/2000/svg\"
     width=\"800\" height=\"238.13\" enable-background=\"new 0 0 800 238.13\">
<path d=\"M72.684,78.996c0,0-6.536-6.654-19.648-6.654c-7.793,0-15.524,3.778-15.356,11.694c0.354,16.655,47.4,30.003,47.367,57.171
    C85.041,146.3,88,178.061,38.822,180.423c-0.937,0.045-19.569,1.063-38.823-13.82l10.277-17.01
    c18.663,15.001,25.002,11.83,26.499,11.773c16.537-0.63,16.337-12.164,16.261-15.337C52.564,126.205,5.67,116.756,6.694,86.556
    c0.784-23.139,22.994-32.44,41.087-32.44c19.548,0,34.668,9.445,34.668,9.445L72.684,78.996z\"/>
<path d=\"M175.057,54.116C140.413,52.998,130.8,75.059,130.8,75.059l0.158-18.427H99.459v181.435h31.499l-0.315-77.015
    c0,0,12.757,19.402,36.145,19.402c44.65,0,58.825-41.371,58.825-64.524C225.613,90.336,213.958,55.372,175.057,54.116z
     M161.263,161.524c-21.171,0-30.645-19.779-30.645-44.178s10.104-44.178,30.645-44.178c22.455,0,30.645,19.779,30.645,44.178
    C191.909,139.789,181.986,161.524,161.263,161.524z\"/>
<rect x=\"239.315\" y=\"-0.067\" width=\"32.444\" height=\"177.655\"/>
<path d=\"M324.048,131.915c0,0-2.205,26.617,23.939,26.459c2.299-0.014,26.459,1.732,27.293-32.129l-0.047-69.613h31.657v120.957
    h-31.61l-0.047-16.222c-17.325,20.159-39.036,19.057-40.161,19.057c-43.154,0.016-43.154-39.059-43.154-39.059V56.632h32.129
    L324.048,131.915L324.048,131.915z\"/>
<path d=\"M512.098,102.316c0,0,2.205-26.617-23.939-26.459c-2.299,0.014-26.459-1.732-27.293,32.129l0.047,69.613h-31.657V56.642
    h31.61l0.047,16.222c17.325-20.159,39.036-19.057,40.161-19.057c43.154-0.016,43.154,39.059,43.154,39.059v84.733h-32.129
    L512.098,102.316L512.098,102.316z\"/>
<polygon points=\"597.933,177.599 566.276,177.599 566.276,-0.067 597.933,-0.067 597.933,104.431 601.24,104.432 644.394,54.899 
    668.333,65.294 627.542,109.078 675.893,169.714 646.127,179.636 598.937,113.921 597.933,113.881 \"/>
<polygon fill=\"".colour."\" points=\"800,126.402 703.77,173.651 703.77,153.019 778.896,115.929 703.77,79.784 703.77,58.207 800,106.4 
    \"/>
</svg>"

Change the colour from #99999A (grey) to #6AB361 (green) depending on whether you are referring to the company or product.

Also change the viewbox sizing to -
- Width = 800
- Height = 238.13

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Splunk Asynchronous Forwarding Explained

Splunk asynchronous forwarding is often misunderstood as simply setting autoLBVolume. That is not quite right. ...

55 Days to Go: Secure Your Seat at Splunk University in Denver

Your .conf26 Experience Starts Before Opening Keynote  If Denver is known for its mile-high elevation, Splunk ...

(re)Introducing the Splunk Community Champions + 2026 – 2027 Splunk MVPs ...

This program exists as a channel to empower and recognize Splunk advocates and help supercharge initiatives to ...