Sdl icon

thesvg-color:sdl

The Sdl icon (thesvg-color:sdl) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 128 × 128 grid. theSVG Color icons are released under the MIT 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: theSVG Color
Author: thesvg.org
License: MIT
Size: 128 × 128

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><radialGradient id="SVGyLK9kcNn" cx="204.9" cy="-244" r="25.72" fx="204.9" fy="-244" gradientTransform="matrix(-.72758 -1.42335 2.41093 -1.2386 853.636 31.827)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#656f71"/><stop offset="1" stop-color="#d3d4cf"/></radialGradient></defs><path fill="url(#SVGyLK9kcNn)" d="M59.113 63.93c-14.59-.5-28.465-3.809-39.254-9.355c-1.016-.52-3.234-1.758-3.234-1.801c0-.016.352.148.781.371c5.281 2.703 11.918 5.012 18.621 6.477c10.629 2.328 22.27 2.949 33.676 1.789c10.766-1.09 20.824-3.742 29.41-7.746c7.723-3.605 13.902-8.215 18.02-13.43c6.32-8.02 7.168-17.316 2.328-25.562c-3.133-5.344-8.363-10.055-15.543-13.992c-.687-.375-1.227-.684-1.199-.684c.094 0 3.133 1.465 4.082 1.973c4.637 2.461 8.324 5.086 11.543 8.207c4.043 3.922 6.582 7.961 7.824 12.449c1.148 4.148.934 8.75-.598 12.828c-2.062 5.488-6.277 10.539-12.441 14.914c-10.016 7.102-24.352 11.805-40.254 13.203a120 120 0 0 1-13.766.363zm0 0" transform="translate(2.065 32.748)scale(.9768)"/><g fill="#173354"><path d="M95.441 76.83h-.076a.5.5 0 0 0-.153-.027l-.217-.008a1.3 1.3 0 0 0-.305.038l-.305.095v1.873h-.916V76h.916v.404a3 3 0 0 1 .176-.141a2 2 0 0 1 .202-.134a1 1 0 0 1 .229-.095a.8.8 0 0 1 .252-.042h.099c.038.004.069.004.099.011zm-3.331 2.049q-.834.001-1.278-.382c-.444-.383-.443-.611-.443-1.08q0-.683.412-1.091c.412-.408.66-.412 1.156-.412q.675.002 1.019.347c.344.345.34.561.34.992v.317h-2.011q.015.194.088.324a.56.56 0 0 0 .195.206a.8.8 0 0 0 .275.114a1.7 1.7 0 0 0 .343.031a1.4 1.4 0 0 0 .313-.031a1.4 1.4 0 0 0 .282-.092q.113-.047.21-.099l.156-.099h.095v.721l-.206.076a1.5 1.5 0 0 1-.256.076l-.305.057a3 3 0 0 1-.389.023zm.301-1.835c-.004-.187-.05-.324-.134-.424s-.214-.145-.389-.145s-.317.053-.42.153s-.153.24-.164.416zm-1.832-1.042l-1.484 3.827h-.984l.443-1.095l-1.076-2.732h.962l.618 1.755l.58-1.755zm-4.014 2.072v-.584l-.374.038a1.2 1.2 0 0 0-.286.065q-.119.04-.187.118c-.068.078-.065.126-.065.217q0 .195.111.271c.111.076.183.072.328.072a.7.7 0 0 0 .248-.053a.7.7 0 0 0 .225-.145zm0 .431l-.168.137a1 1 0 0 1-.198.118a1.4 1.4 0 0 1-.24.088a1.4 1.4 0 0 1-.328.031a.9.9 0 0 1-.649-.252a.82.82 0 0 1-.256-.626q-.001-.315.13-.504c.131-.189.214-.229.378-.305s.362-.13.595-.16l.744-.069v-.015c0-.156-.061-.259-.179-.321s-.301-.088-.538-.088q-.165 0-.382.057a3 3 0 0 0-.424.141h-.08v-.675a5 5 0 0 1 .443-.088a3.6 3.6 0 0 1 .611-.053q.762-.001 1.107.244c.345.245.347.404.347.733v1.904h-.912zm-1.709.298h-2.602V75.09h.981v3.007h1.622zm-5.174-.729v-.584l-.378.038a1.2 1.2 0 0 0-.282.065q-.119.04-.187.118c-.068.078-.069.126-.069.217q0 .195.114.271c.114.076.183.072.328.072a.6.6 0 0 0 .244-.053a.8.8 0 0 0 .229-.145zm0 .431l-.168.137a1 1 0 0 1-.202.118a1.2 1.2 0 0 1-.24.088a1.4 1.4 0 0 1-.324.031a.9.9 0 0 1-.649-.252a.83.83 0 0 1-.259-.626q.001-.315.134-.504c.133-.189.214-.229.378-.305a2 2 0 0 1 .591-.16l.744-.069v-.015c0-.156-.057-.259-.179-.321s-.298-.088-.538-.088a1.5 1.5 0 0 0-.378.057a3 3 0 0 0-.427.141h-.076v-.675a5 5 0 0 1 .439-.088a3.6 3.6 0 0 1 .614-.053q.757-.001 1.107.244c.35.245.347.404.347.733v1.904h-.912zm-2.003.298h-.916v-2.801h.916zm.027-3.198h-.969v-.679h.969zm-1.32 3.198h-.916v-.29l-.202.149a1.3 1.3 0 0 1-.202.118a1 1 0 0 1-.473.099a.93.93 0 0 1-.797-.397q-.293-.394-.294-1.057q0-.367.099-.637c.099-.27.16-.336.275-.469a1.1 1.1 0 0 1 .389-.286q.23-.108.481-.107a1.3 1.3 0 0 1 .382.046q.143.047.343.145v-1.194h.916zm-.916-.771v-1.377a1 1 0 0 0-.179-.053a1 1 0 0 0-.187-.019q-.33 0-.496.217c-.166.217-.168.351-.168.614q.001.414.134.599c.133.185.229.183.427.183a.8.8 0 0 0 .244-.042a1 1 0 0 0 .225-.122m-3.114.847c-.553 0-.981-.126-1.274-.382s-.446-.611-.446-1.08q.002-.683.416-1.091c.414-.408.66-.412 1.156-.412q.675.002 1.019.347c.344.345.34.561.34.992v.317h-2.011q.015.194.088.324a.56.56 0 0 0 .195.206q.114.08.275.114c.161.034.217.031.343.031a1.4 1.4 0 0 0 .313-.031a1.4 1.4 0 0 0 .282-.092q.113-.047.21-.099l.156-.099h.095v.721l-.206.076a2 2 0 0 1-.256.076l-.305.057a3 3 0 0 1-.389.023zm.305-1.835c-.008-.187-.05-.324-.134-.424s-.217-.145-.389-.145q-.267.001-.42.153c-.153.152-.156.24-.164.416zm-3.091 1.759v-1.397l-.008-.351a.7.7 0 0 0-.046-.233a.27.27 0 0 0-.122-.13a.55.55 0 0 0-.233-.042a.5.5 0 0 0-.206.046a1.2 1.2 0 0 0-.225.122v1.984h-.92v-1.397l-.008-.347a.7.7 0 0 0-.05-.233a.3.3 0 0 0-.122-.134a.5.5 0 0 0-.229-.042a.6.6 0 0 0-.221.05l-.21.118v1.984h-.916V76h.916v.309q.228-.178.427-.282a.94.94 0 0 1 .446-.103a.9.9 0 0 1 .473.122a.8.8 0 0 1 .313.366q.264-.236.5-.362a1 1 0 0 1 .473-.126q.206.001.366.065a.63.63 0 0 1 .275.187a.85.85 0 0 1 .187.317a1.7 1.7 0 0 1 .061.488v1.82zm-4.296.057q-.56-.002-.817-.221c-.257-.219-.252-.385-.252-.717v-1.309h-.351v-.611h.351v-.797h.916v.797h.881v.611h-.881v1.248a.5.5 0 0 0 .042.198a.3.3 0 0 0 .13.137a.6.6 0 0 0 .271.053a1 1 0 0 0 .195-.031a.6.6 0 0 0 .164-.057h.08v.618l-.317.057a3 3 0 0 1-.412.023zm-2.186.019a2.4 2.4 0 0 1-.668-.088a1.5 1.5 0 0 1-.523-.267a1.2 1.2 0 0 1-.343-.458a1.55 1.55 0 0 1-.122-.649q-.002-.404.134-.683a1.3 1.3 0 0 1 .359-.466a1.5 1.5 0 0 1 .519-.259a2.4 2.4 0 0 1 .618-.084a2.2 2.2 0 0 1 .976.225v.748h-.118a1.4 1.4 0 0 0-.134-.107q-.08-.058-.176-.111c-.096-.053-.141-.065-.225-.088a1 1 0 0 0-.279-.038q-.351-.001-.542.233c-.191.234-.195.366-.195.63q0 .419.206.626c.206.207.321.206.546.206a1.2 1.2 0 0 0 .305-.034c.088-.023.16-.057.225-.092s.111-.072.156-.107l.111-.103h.118v.748l-.179.076a2 2 0 0 1-.214.069l-.248.053a2 2 0 0 1-.309.019zm-2.797 0q-.834 0-1.278-.378c-.444-.378-.443-.614-.443-1.08q-.001-.688.416-1.095c.417-.407.66-.408 1.156-.408q.676-.001 1.015.347c.339.348.34.561.34.992v.313H59.49q.013.194.088.324a.56.56 0 0 0 .191.21q.12.076.275.111a1.6 1.6 0 0 0 .343.034a1.5 1.5 0 0 0 .317-.034q.153-.035.282-.088l.206-.103l.156-.095h.099v.717l-.206.08a2 2 0 0 1-.256.072a3 3 0 0 1-.309.061a3 3 0 0 1-.385.019zm.305-1.835c-.004-.183-.053-.324-.137-.42s-.214-.145-.389-.145s-.317.05-.416.153a.63.63 0 0 0-.168.412zm-1.843-.214h-.076a1 1 0 0 0-.149-.027l-.221-.008a1.2 1.2 0 0 0-.301.038q-.16.042-.309.095v1.877h-.916v-2.801h.916v.401a2 2 0 0 1 .176-.137a1.2 1.2 0 0 1 .202-.134q.096-.058.233-.099a1 1 0 0 1 .248-.042l.099.004a1 1 0 0 1 .099.008zM56.4 78.806h-.916v-2.801h.916zm.027-3.201h-.969v-.679h.969zm-1.145 1.347a1.8 1.8 0 0 1-.24.931a1.74 1.74 0 0 1-.603.63q-.302.183-.66.24a5 5 0 0 1-.759.053h-1.221v-3.713h1.21a5.4 5.4 0 0 1 .771.05a1.8 1.8 0 0 1 .672.24a1.7 1.7 0 0 1 .607.633c.145.263.225.576.225.935zm-1.007-.008c0-.244-.042-.454-.134-.626a.93.93 0 0 0-.404-.408a1 1 0 0 0-.42-.114l-.523-.011h-.019v2.324h.019l.557-.011a.9.9 0 0 0 .431-.134a.94.94 0 0 0 .366-.397a1.4 1.4 0 0 0 .126-.622zm-5.136 1.935c-.553 0-.981-.126-1.274-.378s-.446-.611-.446-1.08c0-.458.141-.82.416-1.095s.66-.408 1.156-.408q.676-.001 1.015.347c.339.348.343.561.343.992v.313h-2.011q.013.195.088.328a.56.56 0 0 0 .195.206a.8.8 0 0 0 .275.111a1.6 1.6 0 0 0 .343.034a1.4 1.4 0 0 0 .313-.034q.155-.033.282-.088a2 2 0 0 0 .21-.103l.153-.095h.099v.721l-.206.076a2 2 0 0 1-.256.076l-.309.057a3 3 0 0 1-.385.019zm.305-1.832q-.007-.28-.134-.424c-.127-.144-.217-.145-.389-.145q-.267 0-.42.153c-.153.153-.156.24-.164.416zm-2.19 1.759h-.916v-3.881h.916zm-1.084-1.438q-.002.67-.359 1.084c-.357.414-.534.408-.881.408q-.22 0-.382-.046a1.6 1.6 0 0 1-.347-.149v1.168h-.916v-3.827h.916v.294a2 2 0 0 1 .412-.267a1.1 1.1 0 0 1 .485-.103q.51.001.79.385c.28.384.282.611.282 1.053m-.939.015q-.001-.407-.134-.591c-.133-.184-.225-.187-.412-.187a1 1 0 0 0-.244.038c-.08.023-.16.065-.24.114v1.408q.075.03.16.042c.085.012.13.011.21.011c.221 0 .389-.069.496-.206s.164-.347.164-.63zm-3.228 1.423v-1.4l-.008-.347q-.006-.142-.046-.233c-.04-.091-.069-.103-.122-.13a.54.54 0 0 0-.233-.042a.6.6 0 0 0-.206.042a1.5 1.5 0 0 0-.221.126v1.984h-.923v-1.4l-.008-.347a.7.7 0 0 0-.05-.233a.26.26 0 0 0-.122-.13a.5.5 0 0 0-.229-.042a.5.5 0 0 0-.217.05a1.5 1.5 0 0 0-.21.118v1.984h-.916v-2.801h.916v.309q.223-.181.424-.282a.96.96 0 0 1 .446-.103q.27.001.477.122c.207.121.237.202.309.362a2.7 2.7 0 0 1 .5-.359a1 1 0 0 1 .477-.126a1 1 0 0 1 .366.061a.7.7 0 0 1 .275.187a1 1 0 0 1 .183.321q.062.188.061.485v1.824zm-3.892 0h-.916v-2.801h.916zm.027-3.198h-.969v-.683h.969zm-2.759 3.266c-.301 0-.561-.031-.79-.084s-.435-.122-.63-.202v-.885h.092c.195.16.408.279.645.366a2 2 0 0 0 .687.126c.057 0 .13-.008.221-.015a1 1 0 0 0 .221-.057a.5.5 0 0 0 .172-.118a.27.27 0 0 0 .072-.198a.27.27 0 0 0-.114-.229a.8.8 0 0 0-.275-.126l-.427-.095a4 4 0 0 1-.424-.111q-.453-.15-.649-.408c-.196-.258-.195-.385-.195-.645q0-.519.462-.843c.462-.324.694-.321 1.156-.321a3.5 3.5 0 0 1 .694.065q.344.069.614.183v.847h-.084a2 2 0 0 0-.53-.298a1.8 1.8 0 0 0-.645-.122a1.4 1.4 0 0 0-.229.015a.8.8 0 0 0-.214.069a.44.44 0 0 0-.16.118a.25.25 0 0 0-.065.176q0 .141.103.225c.103.084.21.107.412.153l.378.08a4 4 0 0 1 .389.111q.407.138.603.374c.196.236.198.366.198.622q0 .556-.458.889c-.458.333-.714.34-1.232.34zm59.727-6.31h-25.18V36.659H79.4v29.064h15.705zM67.454 54.638q.001 5.014-2.305 8.982c-2.306 3.968-3.48 4.674-5.826 6.09a16.8 16.8 0 0 1-6.395 2.328q-3.457.52-7.36.519H33.766v-35.91h11.703q3.977-.001 7.444.485a16.9 16.9 0 0 1 6.513 2.339a16.43 16.43 0 0 1 5.876 6.113q2.152 3.848 2.152 9.058zm-9.726-.072q0-3.549-1.282-6.067c-1.282-2.518-2.163-2.995-3.938-3.945a9.5 9.5 0 0 0-4.041-1.107l-5.052-.099h-.179V65.83h.179l5.384-.111q2.186-.11 4.167-1.29c1.553-.931 2.736-2.221 3.545-3.858s1.217-3.644 1.217-6.006zM15.687 73.201q-4.332-.001-7.612-.797c-3.28-.796-4.216-1.19-6.094-1.976v-8.539h.862c1.893 1.53 3.976 2.701 6.258 3.522s4.491 1.232 6.635 1.232q.813 0 2.141-.172c1.328-.172 1.599-.29 2.141-.53a4.7 4.7 0 0 0 1.671-1.145c.458-.493.683-1.137.683-1.942q.001-1.348-1.114-2.194c-1.115-.846-1.629-.973-2.659-1.232l-4.117-.916a34 34 0 0 1-4.09-1.061q-4.385-1.473-6.281-3.953c-1.896-2.48-1.9-3.732-1.9-6.223q-.002-5.042 4.483-8.165c4.485-3.123 6.719-3.125 11.195-3.125a35 35 0 0 1 6.7.652q3.33.653 5.968 1.763v8.2h-.836q-2.106-1.711-5.132-2.896c-3.026-1.185-4.09-1.183-6.219-1.183a13 13 0 0 0-2.228.172a9 9 0 0 0-2.08.649a4.2 4.2 0 0 0-1.53 1.149q-.648.76-.649 1.698q0 1.375 1.026 2.183c1.026.808 2.007 1.026 3.964 1.461l3.663.794q1.758.387 3.762 1.061c2.614.9 4.564 2.11 5.838 3.632s1.912 3.522 1.912 6.017q0 5.352-4.419 8.608C23.21 73.201 20.7 73.2 15.686 73.2zm0 0"/><path fill-rule="evenodd" d="M31.163 89.112c-.233 0-.424.164-.424.366s.191.37.424.37s.42-.168.42-.37s-.187-.366-.42-.366m18.101 3.293c-.362 0-.66.256-.66.572s.298.576.66.576s.66-.256.66-.576s-.294-.572-.66-.572m-9.394-1.244c-.29 0-.527.206-.527.462s.237.458.527.458s.53-.206.53-.458s-.237-.462-.53-.462m19.685 1.614c-.454 0-.824.321-.824.717s.37.717.824.717s.824-.321.824-.717s-.37-.717-.824-.717m10.627-.553c-.572 0-1.034.401-1.034.897s.462.897 1.034.897s1.03-.404 1.03-.897s-.462-.897-1.03-.897m10.646-1.824c-.71 0-1.286.5-1.286 1.122s.576 1.118 1.286 1.118s1.29-.5 1.29-1.118s-.576-1.122-1.29-1.122m10.657-3.339c-.889 0-1.61.63-1.61 1.404s.721 1.4 1.61 1.4s1.614-.63 1.614-1.4s-.725-1.404-1.614-1.404m10.203-4.438c-.988 0-1.79.694-1.79 1.557s.801 1.557 1.79 1.557s1.79-.698 1.79-1.557s-.801-1.557-1.79-1.557m9.303-6.384c-1.099 0-1.992.775-1.992 1.728s.893 1.732 1.992 1.732s1.988-.775 1.988-1.732s-.889-1.728-1.988-1.728m7.669-8.982c-1.431 0-2.587 1.007-2.587 2.251s1.156 2.247 2.587 2.247s2.587-1.007 2.587-2.247s-1.16-2.251-2.587-2.251m3.293-9.318c-1.099 0-1.988.775-1.988 1.732s.889 1.728 1.988 1.728s1.992-.775 1.992-1.728s-.889-1.732-1.992-1.732m-1.11-5.815c.786 0 1.423-.553 1.423-1.232s-.637-1.236-1.423-1.236s-1.419.553-1.419 1.236s.637 1.232 1.419 1.232m-3.468-6.719c.561 0 1.015-.393 1.015-.881s-.458-.881-1.015-.881s-1.019.393-1.019.881s.458.881 1.019.881m-3.819-5.636c-.37 0-.675.267-.675.591s.305.588.675.588s.679-.263.679-.588s-.305-.591-.679-.591m-4.06-2.308c.248 0 .45-.176.45-.389s-.202-.393-.45-.393s-.45.176-.45.393s.202.389.45.389"/></g></svg>

How to use the Sdl icon

React

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

<Icon icon="thesvg-color:sdl" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:sdl" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:sdl" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sdl]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sdl"></div>

Web component

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

<iconify-icon icon="thesvg-color:sdl"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/sdl.svg" alt="Sdl icon" width="24" height="24">

Sdl icon in other icon sets

Sdl icon FAQ

Is the Sdl icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Sdl icon in React?

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

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

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

Browse all theSVG Color icons →