svelte logo

svelte from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: svelte
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

svelteBoxicons Brands svelteCatppuccin Icons svelteCoreUI Brands svelteFont Awesome Brands svelteSVG Logos svelteMaterial Icon Theme svelte-fillRemix Icon svelteSimple Icons svelteSkill Icons svelte-outlineTeenyicons

Use the svelte logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff3e00" d="M110.43 16.936C98.553-.076 75.09-5.118 58.13 5.696l-29.792 19a34.2 34.2 0 0 0-15.48 22.897a25.478 30.64 0 0 0-.572 6.396a36.15 36.15 0 0 0 4.163 16.73A34.4 34.4 0 0 0 11.34 83.5a25.348 30.483 0 0 0 .345 14.412a36.5 36.5 0 0 0 5.9 13.152c11.878 17.01 35.394 22.053 52.3 11.24l29.762-19.001a34.13 34.13 0 0 0 15.438-22.918a35.5 35.5 0 0 0 .572-6.386a36.2 36.2 0 0 0-4.112-16.71a34.4 34.4 0 0 0 5.112-12.77c.369-2.11.557-4.245.562-6.386a36.4 36.4 0 0 0-6.787-21.178z"/><path fill="#fff" d="M55.219 112.662a28.463 34.23 0 0 1-5.954.76a23.64 23.64 0 0 1-19.435-10.187a21.9 21.9 0 0 1-4.08-12.74a15.658 18.83 0 0 1 .333-3.833a15.425 18.55 0 0 1 .72-2.782l.561-1.708l1.52 1.156a38.7 38.7 0 0 0 11.658 5.834l1.104.333l-.104 1.104v.573a6.63 6.63 0 0 0 1.228 3.854a7.1 7.1 0 0 0 2.538 2.288a8.262 9.936 0 0 0 3.312.837a8.251 9.923 0 0 0 1.79-.229a7.272 8.745 0 0 0 1.833-.802l29.76-19.094a6.26 6.26 0 0 0 2.904-5.302a6.62 6.62 0 0 0-1.26-3.844a7.14 7.14 0 0 0-2.553-2.252a8.313 9.997 0 0 0-3.307-.81a8.246 9.917 0 0 0-1.79.23a6.938 8.344 0 0 0-1.822.801l-11.346 7.25a24.376 29.314 0 0 1-6.048 2.656a23.64 23.64 0 0 1-25.39-9.416a21.94 21.94 0 0 1-4.08-12.74c.002-1.285.114-2.567.333-3.833a20.65 20.65 0 0 1 9.286-13.781l29.792-18.99a21.9 21.9 0 0 1 6.048-2.667a24 24 0 0 1 5.954-.75A23.68 23.68 0 0 1 98.22 24.745a21.94 21.94 0 0 1 4.029 12.75a15.748 18.939 0 0 1-.334 3.844a15.407 18.529 0 0 1-.718 2.781l-.562 1.708l-1.52-1.114a38.4 38.4 0 0 0-11.658-5.834l-1.104-.343l.104-1.105v-.572a6.7 6.7 0 0 0-1.228-3.865a7.1 7.1 0 0 0-2.55-2.25a8.309 9.992 0 0 0-3.3-.813a8.221 9.887 0 0 0-1.77.271a6.819 8.2 0 0 0-1.831.802l-29.793 18.99a5.88 7.071 0 0 0-1.836 1.79a4.75 5.713 0 0 0-.963 2.377a5.037 6.057 0 0 0-.136 1.104a6.62 6.62 0 0 0 1.228 3.844a7.1 7.1 0 0 0 2.549 2.25a8.299 9.98 0 0 0 3.301.812a8.247 9.918 0 0 0 1.79-.23a6.943 8.35 0 0 0 1.833-.801l11.367-7.292a24.218 29.125 0 0 1 6.048-2.656a28.526 34.305 0 0 1 5.954-.76A23.66 23.66 0 0 1 96.566 60.61a21.94 21.94 0 0 1 3.737 16.614a20.6 20.6 0 0 1-9.286 13.781l-29.74 18.99a24.308 29.233 0 0 1-6.057 2.667z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconSvelte(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff3e00" d="M110.43 16.936C98.553-.076 75.09-5.118 58.13 5.696l-29.792 19a34.2 34.2 0 0 0-15.48 22.897a25.478 30.64 0 0 0-.572 6.396a36.15 36.15 0 0 0 4.163 16.73A34.4 34.4 0 0 0 11.34 83.5a25.348 30.483 0 0 0 .345 14.412a36.5 36.5 0 0 0 5.9 13.152c11.878 17.01 35.394 22.053 52.3 11.24l29.762-19.001a34.13 34.13 0 0 0 15.438-22.918a35.5 35.5 0 0 0 .572-6.386a36.2 36.2 0 0 0-4.112-16.71a34.4 34.4 0 0 0 5.112-12.77c.369-2.11.557-4.245.562-6.386a36.4 36.4 0 0 0-6.787-21.178z"/><path fill="#fff" d="M55.219 112.662a28.463 34.23 0 0 1-5.954.76a23.64 23.64 0 0 1-19.435-10.187a21.9 21.9 0 0 1-4.08-12.74a15.658 18.83 0 0 1 .333-3.833a15.425 18.55 0 0 1 .72-2.782l.561-1.708l1.52 1.156a38.7 38.7 0 0 0 11.658 5.834l1.104.333l-.104 1.104v.573a6.63 6.63 0 0 0 1.228 3.854a7.1 7.1 0 0 0 2.538 2.288a8.262 9.936 0 0 0 3.312.837a8.251 9.923 0 0 0 1.79-.229a7.272 8.745 0 0 0 1.833-.802l29.76-19.094a6.26 6.26 0 0 0 2.904-5.302a6.62 6.62 0 0 0-1.26-3.844a7.14 7.14 0 0 0-2.553-2.252a8.313 9.997 0 0 0-3.307-.81a8.246 9.917 0 0 0-1.79.23a6.938 8.344 0 0 0-1.822.801l-11.346 7.25a24.376 29.314 0 0 1-6.048 2.656a23.64 23.64 0 0 1-25.39-9.416a21.94 21.94 0 0 1-4.08-12.74c.002-1.285.114-2.567.333-3.833a20.65 20.65 0 0 1 9.286-13.781l29.792-18.99a21.9 21.9 0 0 1 6.048-2.667a24 24 0 0 1 5.954-.75A23.68 23.68 0 0 1 98.22 24.745a21.94 21.94 0 0 1 4.029 12.75a15.748 18.939 0 0 1-.334 3.844a15.407 18.529 0 0 1-.718 2.781l-.562 1.708l-1.52-1.114a38.4 38.4 0 0 0-11.658-5.834l-1.104-.343l.104-1.105v-.572a6.7 6.7 0 0 0-1.228-3.865a7.1 7.1 0 0 0-2.55-2.25a8.309 9.992 0 0 0-3.3-.813a8.221 9.887 0 0 0-1.77.271a6.819 8.2 0 0 0-1.831.802l-29.793 18.99a5.88 7.071 0 0 0-1.836 1.79a4.75 5.713 0 0 0-.963 2.377a5.037 6.057 0 0 0-.136 1.104a6.62 6.62 0 0 0 1.228 3.844a7.1 7.1 0 0 0 2.549 2.25a8.299 9.98 0 0 0 3.301.812a8.247 9.918 0 0 0 1.79-.23a6.943 8.35 0 0 0 1.833-.801l11.367-7.292a24.218 29.125 0 0 1 6.048-2.656a28.526 34.305 0 0 1 5.954-.76A23.66 23.66 0 0 1 96.566 60.61a21.94 21.94 0 0 1 3.737 16.614a20.6 20.6 0 0 1-9.286 13.781l-29.74 18.99a24.308 29.233 0 0 1-6.057 2.667z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff3e00" d="M110.43 16.936C98.553-.076 75.09-5.118 58.13 5.696l-29.792 19a34.2 34.2 0 0 0-15.48 22.897a25.478 30.64 0 0 0-.572 6.396a36.15 36.15 0 0 0 4.163 16.73A34.4 34.4 0 0 0 11.34 83.5a25.348 30.483 0 0 0 .345 14.412a36.5 36.5 0 0 0 5.9 13.152c11.878 17.01 35.394 22.053 52.3 11.24l29.762-19.001a34.13 34.13 0 0 0 15.438-22.918a35.5 35.5 0 0 0 .572-6.386a36.2 36.2 0 0 0-4.112-16.71a34.4 34.4 0 0 0 5.112-12.77c.369-2.11.557-4.245.562-6.386a36.4 36.4 0 0 0-6.787-21.178z"/><path fill="#fff" d="M55.219 112.662a28.463 34.23 0 0 1-5.954.76a23.64 23.64 0 0 1-19.435-10.187a21.9 21.9 0 0 1-4.08-12.74a15.658 18.83 0 0 1 .333-3.833a15.425 18.55 0 0 1 .72-2.782l.561-1.708l1.52 1.156a38.7 38.7 0 0 0 11.658 5.834l1.104.333l-.104 1.104v.573a6.63 6.63 0 0 0 1.228 3.854a7.1 7.1 0 0 0 2.538 2.288a8.262 9.936 0 0 0 3.312.837a8.251 9.923 0 0 0 1.79-.229a7.272 8.745 0 0 0 1.833-.802l29.76-19.094a6.26 6.26 0 0 0 2.904-5.302a6.62 6.62 0 0 0-1.26-3.844a7.14 7.14 0 0 0-2.553-2.252a8.313 9.997 0 0 0-3.307-.81a8.246 9.917 0 0 0-1.79.23a6.938 8.344 0 0 0-1.822.801l-11.346 7.25a24.376 29.314 0 0 1-6.048 2.656a23.64 23.64 0 0 1-25.39-9.416a21.94 21.94 0 0 1-4.08-12.74c.002-1.285.114-2.567.333-3.833a20.65 20.65 0 0 1 9.286-13.781l29.792-18.99a21.9 21.9 0 0 1 6.048-2.667a24 24 0 0 1 5.954-.75A23.68 23.68 0 0 1 98.22 24.745a21.94 21.94 0 0 1 4.029 12.75a15.748 18.939 0 0 1-.334 3.844a15.407 18.529 0 0 1-.718 2.781l-.562 1.708l-1.52-1.114a38.4 38.4 0 0 0-11.658-5.834l-1.104-.343l.104-1.105v-.572a6.7 6.7 0 0 0-1.228-3.865a7.1 7.1 0 0 0-2.55-2.25a8.309 9.992 0 0 0-3.3-.813a8.221 9.887 0 0 0-1.77.271a6.819 8.2 0 0 0-1.831.802l-29.793 18.99a5.88 7.071 0 0 0-1.836 1.79a4.75 5.713 0 0 0-.963 2.377a5.037 6.057 0 0 0-.136 1.104a6.62 6.62 0 0 0 1.228 3.844a7.1 7.1 0 0 0 2.549 2.25a8.299 9.98 0 0 0 3.301.812a8.247 9.918 0 0 0 1.79-.23a6.943 8.35 0 0 0 1.833-.801l11.367-7.292a24.218 29.125 0 0 1 6.048-2.656a28.526 34.305 0 0 1 5.954-.76A23.66 23.66 0 0 1 96.566 60.61a21.94 21.94 0 0 1 3.737 16.614a20.6 20.6 0 0 1-9.286 13.781l-29.74 18.99a24.308 29.233 0 0 1-6.057 2.667z"/></svg>
</template>

CSS

.icon-svelte {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff3e00%22%20d%3D%22M110.43%2016.936C98.553-.076%2075.09-5.118%2058.13%205.696l-29.792%2019a34.2%2034.2%200%200%200-15.48%2022.897a25.478%2030.64%200%200%200-.572%206.396a36.15%2036.15%200%200%200%204.163%2016.73A34.4%2034.4%200%200%200%2011.34%2083.5a25.348%2030.483%200%200%200%20.345%2014.412a36.5%2036.5%200%200%200%205.9%2013.152c11.878%2017.01%2035.394%2022.053%2052.3%2011.24l29.762-19.001a34.13%2034.13%200%200%200%2015.438-22.918a35.5%2035.5%200%200%200%20.572-6.386a36.2%2036.2%200%200%200-4.112-16.71a34.4%2034.4%200%200%200%205.112-12.77c.369-2.11.557-4.245.562-6.386a36.4%2036.4%200%200%200-6.787-21.178z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M55.219%20112.662a28.463%2034.23%200%200%201-5.954.76a23.64%2023.64%200%200%201-19.435-10.187a21.9%2021.9%200%200%201-4.08-12.74a15.658%2018.83%200%200%201%20.333-3.833a15.425%2018.55%200%200%201%20.72-2.782l.561-1.708l1.52%201.156a38.7%2038.7%200%200%200%2011.658%205.834l1.104.333l-.104%201.104v.573a6.63%206.63%200%200%200%201.228%203.854a7.1%207.1%200%200%200%202.538%202.288a8.262%209.936%200%200%200%203.312.837a8.251%209.923%200%200%200%201.79-.229a7.272%208.745%200%200%200%201.833-.802l29.76-19.094a6.26%206.26%200%200%200%202.904-5.302a6.62%206.62%200%200%200-1.26-3.844a7.14%207.14%200%200%200-2.553-2.252a8.313%209.997%200%200%200-3.307-.81a8.246%209.917%200%200%200-1.79.23a6.938%208.344%200%200%200-1.822.801l-11.346%207.25a24.376%2029.314%200%200%201-6.048%202.656a23.64%2023.64%200%200%201-25.39-9.416a21.94%2021.94%200%200%201-4.08-12.74c.002-1.285.114-2.567.333-3.833a20.65%2020.65%200%200%201%209.286-13.781l29.792-18.99a21.9%2021.9%200%200%201%206.048-2.667a24%2024%200%200%201%205.954-.75A23.68%2023.68%200%200%201%2098.22%2024.745a21.94%2021.94%200%200%201%204.029%2012.75a15.748%2018.939%200%200%201-.334%203.844a15.407%2018.529%200%200%201-.718%202.781l-.562%201.708l-1.52-1.114a38.4%2038.4%200%200%200-11.658-5.834l-1.104-.343l.104-1.105v-.572a6.7%206.7%200%200%200-1.228-3.865a7.1%207.1%200%200%200-2.55-2.25a8.309%209.992%200%200%200-3.3-.813a8.221%209.887%200%200%200-1.77.271a6.819%208.2%200%200%200-1.831.802l-29.793%2018.99a5.88%207.071%200%200%200-1.836%201.79a4.75%205.713%200%200%200-.963%202.377a5.037%206.057%200%200%200-.136%201.104a6.62%206.62%200%200%200%201.228%203.844a7.1%207.1%200%200%200%202.549%202.25a8.299%209.98%200%200%200%203.301.812a8.247%209.918%200%200%200%201.79-.23a6.943%208.35%200%200%200%201.833-.801l11.367-7.292a24.218%2029.125%200%200%201%206.048-2.656a28.526%2034.305%200%200%201%205.954-.76A23.66%2023.66%200%200%201%2096.566%2060.61a21.94%2021.94%200%200%201%203.737%2016.614a20.6%2020.6%200%200%201-9.286%2013.781l-29.74%2018.99a24.308%2029.233%200%200%201-6.057%202.667z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff3e00%22%20d%3D%22M110.43%2016.936C98.553-.076%2075.09-5.118%2058.13%205.696l-29.792%2019a34.2%2034.2%200%200%200-15.48%2022.897a25.478%2030.64%200%200%200-.572%206.396a36.15%2036.15%200%200%200%204.163%2016.73A34.4%2034.4%200%200%200%2011.34%2083.5a25.348%2030.483%200%200%200%20.345%2014.412a36.5%2036.5%200%200%200%205.9%2013.152c11.878%2017.01%2035.394%2022.053%2052.3%2011.24l29.762-19.001a34.13%2034.13%200%200%200%2015.438-22.918a35.5%2035.5%200%200%200%20.572-6.386a36.2%2036.2%200%200%200-4.112-16.71a34.4%2034.4%200%200%200%205.112-12.77c.369-2.11.557-4.245.562-6.386a36.4%2036.4%200%200%200-6.787-21.178z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M55.219%20112.662a28.463%2034.23%200%200%201-5.954.76a23.64%2023.64%200%200%201-19.435-10.187a21.9%2021.9%200%200%201-4.08-12.74a15.658%2018.83%200%200%201%20.333-3.833a15.425%2018.55%200%200%201%20.72-2.782l.561-1.708l1.52%201.156a38.7%2038.7%200%200%200%2011.658%205.834l1.104.333l-.104%201.104v.573a6.63%206.63%200%200%200%201.228%203.854a7.1%207.1%200%200%200%202.538%202.288a8.262%209.936%200%200%200%203.312.837a8.251%209.923%200%200%200%201.79-.229a7.272%208.745%200%200%200%201.833-.802l29.76-19.094a6.26%206.26%200%200%200%202.904-5.302a6.62%206.62%200%200%200-1.26-3.844a7.14%207.14%200%200%200-2.553-2.252a8.313%209.997%200%200%200-3.307-.81a8.246%209.917%200%200%200-1.79.23a6.938%208.344%200%200%200-1.822.801l-11.346%207.25a24.376%2029.314%200%200%201-6.048%202.656a23.64%2023.64%200%200%201-25.39-9.416a21.94%2021.94%200%200%201-4.08-12.74c.002-1.285.114-2.567.333-3.833a20.65%2020.65%200%200%201%209.286-13.781l29.792-18.99a21.9%2021.9%200%200%201%206.048-2.667a24%2024%200%200%201%205.954-.75A23.68%2023.68%200%200%201%2098.22%2024.745a21.94%2021.94%200%200%201%204.029%2012.75a15.748%2018.939%200%200%201-.334%203.844a15.407%2018.529%200%200%201-.718%202.781l-.562%201.708l-1.52-1.114a38.4%2038.4%200%200%200-11.658-5.834l-1.104-.343l.104-1.105v-.572a6.7%206.7%200%200%200-1.228-3.865a7.1%207.1%200%200%200-2.55-2.25a8.309%209.992%200%200%200-3.3-.813a8.221%209.887%200%200%200-1.77.271a6.819%208.2%200%200%200-1.831.802l-29.793%2018.99a5.88%207.071%200%200%200-1.836%201.79a4.75%205.713%200%200%200-.963%202.377a5.037%206.057%200%200%200-.136%201.104a6.62%206.62%200%200%200%201.228%203.844a7.1%207.1%200%200%200%202.549%202.25a8.299%209.98%200%200%200%203.301.812a8.247%209.918%200%200%200%201.79-.23a6.943%208.35%200%200%200%201.833-.801l11.367-7.292a24.218%2029.125%200%200%201%206.048-2.656a28.526%2034.305%200%200%201%205.954-.76A23.66%2023.66%200%200%201%2096.566%2060.61a21.94%2021.94%200%200%201%203.737%2016.614a20.6%2020.6%200%200%201-9.286%2013.781l-29.74%2018.99a24.308%2029.233%200%200%201-6.057%202.667z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/svelte.svg?color=%231a73e8&size=48