ICONYZ
English
Solarwinds icon from SVG Logos

Solarwinds icon

logos:solarwinds

The Solarwinds icon (logos:solarwinds) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 117 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
512 × 117
Tags
solarwind
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="117" viewBox="0 0 512 117"><path fill="#444" d="M13.39 116.578a34.8 34.8 0 0 1-13.127-2.363v-6.826a60.3 60.3 0 0 0 13.128 2.625c4.2 0 8.664-.787 8.664-6.039c0-3.938-2.888-4.988-6.564-6.039l-3.676-.787C7.352 95.836 0 93.998 0 85.07c0-9.978 8.14-12.34 16.542-12.34c4.07-.155 8.118.655 11.815 2.362v6.564a31.3 31.3 0 0 0-12.078-2.625c-5.251 0-8.665 1.05-8.665 5.514c0 3.938 3.151 4.988 6.827 5.776l3.938 1.313c4.99 1.313 11.028 4.2 11.028 12.078c.263 9.977-7.09 12.865-16.016 12.865m44.636 0c7.877 0 19.692-2.363 19.692-22.055c0-19.43-12.078-22.055-19.692-22.055c-8.14 0-19.693 3.15-19.693 22.055c0 19.43 11.29 22.055 19.693 22.055m0-38.071c4.463 0 11.815 1.05 11.815 16.016c0 14.441-7.877 16.016-11.815 16.016c-3.151 0-11.816-1.05-11.816-16.016c0-14.704 7.352-16.016 11.816-16.016m29.932 37.284h7.877V59.339h-7.877zm54.35 0V87.17c0-11.027-6.3-14.44-15.753-14.44a49 49 0 0 0-16.017 2.887v6.565a53.3 53.3 0 0 1 14.704-2.889c5.514 0 8.665 1.313 8.665 6.827v3.676h-9.453c-6.826 0-17.854 2.363-17.854 13.916c0 10.765 7.09 13.128 13.653 13.128a18.7 18.7 0 0 0 13.916-6.302l.788 5.514zm-7.876-11.028s-5.777 5.514-11.553 5.514c-4.201 0-7.614-1.575-7.614-7.09c0-6.826 4.2-8.664 11.552-8.926h7.615zm36.759-24.944a15.9 15.9 0 0 1 6.564 1.313V73.78a11.3 11.3 0 0 0-5.777-1.05a11.02 11.02 0 0 0-9.977 6.563l-1.05-5.776h-6.04v42.273h7.878V84.808s3.676-4.989 8.402-4.989m80.87-6.564h-8.928l-4.988 24.419c-1.313 6.301-2.626 14.44-2.626 14.44s-1.838-8.926-3.413-14.44l-7.352-24.419h-11.553l-7.352 24.419c-1.575 5.514-3.413 14.44-3.413 14.44s-1.313-8.664-2.626-14.44l-5.251-24.419h-9.19l11.553 42.536h11.028l6.564-22.58c1.575-5.777 4.463-15.755 4.463-15.755s2.626 9.978 4.201 16.017l6.565 22.58h11.027zm9.977 42.536h7.877V72.993h-7.877zm58.027 0V86.909c0-10.765-6.04-14.179-13.654-14.179a26.1 26.1 0 0 0-16.016 6.827l-1.575-6.04h-6.04v42.274h7.877V84.808a26.75 26.75 0 0 1 13.916-5.251c5.514 0 7.615 2.1 7.615 7.352v28.882zm47.786 0V59.339h-7.877v17.33a15.35 15.35 0 0 0-11.29-4.201c-5.776 0-19.167 2.625-19.167 22.055c0 18.905 11.028 22.055 17.592 22.055a17.4 17.4 0 0 0 13.653-6.039l.788 5.252zm-7.877-10.503a20.05 20.05 0 0 1-11.29 4.989c-4.989 0-11.29-1.575-11.29-15.754c0-13.39 6.039-15.491 12.078-15.491a16.94 16.94 0 0 1 10.502 4.2zm32.558 11.29c8.928 0 16.017-2.625 16.017-12.865c0-7.877-6.302-10.765-11.028-12.078l-4.201-1.05c-3.676-1.05-6.827-1.838-6.827-5.777c0-4.463 3.414-5.514 8.665-5.514c4.16.065 8.266.958 12.078 2.626v-6.564a25.84 25.84 0 0 0-11.815-2.363c-8.403 0-16.542 2.363-16.542 12.34c0 8.928 7.352 10.765 11.815 12.078l3.414 1.05c3.676 1.05 6.564 1.838 6.564 6.04c0 5.25-4.201 6.038-8.665 6.038a60.3 60.3 0 0 1-13.128-2.625v6.827c.263-.526 5.776 1.837 13.653 1.837"/><path fill="#f99d1c" d="M445.834 47.524c-5.777 1.575-11.553 2.888-17.33 4.726a76.33 76.33 0 0 0-42.797-19.167a139.87 139.87 0 0 1 80.87-26.256l-9.978 9.19S498.872 14.44 509.374 0a29 29 0 0 1-1.312 4.464a48.27 48.27 0 0 1-15.492 21.792a90.6 90.6 0 0 1-21.793 12.603a200 200 0 0 1-23.893 8.665c-.262-.262-.788 0-1.05 0M512 46.211a235.6 235.6 0 0 0-79.294 9.978a76.1 76.1 0 0 1 13.39 19.167C467.364 63.54 496.771 48.312 512 46.21m-63.278 35.184a73.3 73.3 0 0 1 4.726 20.217L490.47 63.54z"/></svg>

How to use the Solarwinds icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:solarwinds" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:solarwinds" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:solarwinds" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--solarwinds]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:solarwinds"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:solarwinds"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/solarwinds.svg" alt="Solarwinds icon" width="24" height="24">

Solarwinds icon FAQ

Is the Solarwinds icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Solarwinds icon in React?

Install @iconify/react and render <Icon icon="logos:solarwinds" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Solarwinds icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/solarwinds.svg" alt="Solarwinds icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →