svelte icon logo

svelte-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
svelte-icon
Set
SVG Logos
Style
Color
Viewbox
256×308
License
CC0

Related icons in SVG Logos

svelte-kit

Use the svelte icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 308"><path fill="#ff3e00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056a86.57 86.57 0 0 0 8.536 55.576a82.4 82.4 0 0 0-12.296 30.719a87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057a86.6 86.6 0 0 0-8.53-55.577a82.4 82.4 0 0 0 12.29-30.718a87.57 87.57 0 0 0-14.963-66.244"/><path fill="#fff" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85a50 50 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.07 16.07 0 0 0 2.89 10.656a17.14 17.14 0 0 0 18.397 6.828a15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977a15.92 15.92 0 0 0-2.713-12.011a17.16 17.16 0 0 0-18.404-6.832a15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849a49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85a51 51 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.1 16.1 0 0 0-2.89-10.656a17.14 17.14 0 0 0-18.398-6.828a15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.16 17.16 0 0 0 18.404 6.832a15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848a49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398"/></svg>

React

import type { SVGProps } from "react";

export function LogosSvelteIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 308"><path fill="#ff3e00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056a86.57 86.57 0 0 0 8.536 55.576a82.4 82.4 0 0 0-12.296 30.719a87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057a86.6 86.6 0 0 0-8.53-55.577a82.4 82.4 0 0 0 12.29-30.718a87.57 87.57 0 0 0-14.963-66.244"/><path fill="#fff" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85a50 50 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.07 16.07 0 0 0 2.89 10.656a17.14 17.14 0 0 0 18.397 6.828a15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977a15.92 15.92 0 0 0-2.713-12.011a17.16 17.16 0 0 0-18.404-6.832a15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849a49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85a51 51 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.1 16.1 0 0 0-2.89-10.656a17.14 17.14 0 0 0-18.398-6.828a15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.16 17.16 0 0 0 18.404 6.832a15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848a49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 308"><path fill="#ff3e00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.2 82.2 0 0 0-37.135 55.056a86.57 86.57 0 0 0 8.536 55.576a82.4 82.4 0 0 0-12.296 30.719a87.6 87.6 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.18 82.18 0 0 0 37.135-55.057a86.6 86.6 0 0 0-8.53-55.577a82.4 82.4 0 0 0 12.29-30.718a87.57 87.57 0 0 0-14.963-66.244"/><path fill="#fff" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.7 52.7 0 0 1-9.003-39.85a50 50 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.5 92.5 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.07 16.07 0 0 0 2.89 10.656a17.14 17.14 0 0 0 18.397 6.828a15.8 15.8 0 0 0 4.403-1.935l71.67-45.672a14.92 14.92 0 0 0 6.734-9.977a15.92 15.92 0 0 0-2.713-12.011a17.16 17.16 0 0 0-18.404-6.832a15.8 15.8 0 0 0-4.396 1.933l-27.35 17.434a52.3 52.3 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.68 52.68 0 0 1-9.004-39.849a49.43 49.43 0 0 1 22.34-33.114l71.664-45.677a52.2 52.2 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.7 52.7 0 0 1 9.004 39.85a51 51 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.4 92.4 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.1 16.1 0 0 0-2.89-10.656a17.14 17.14 0 0 0-18.398-6.828a15.8 15.8 0 0 0-4.402 1.935l-71.67 45.674a14.9 14.9 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.16 17.16 0 0 0 18.404 6.832a15.8 15.8 0 0 0 4.402-1.935l27.345-17.427a52.2 52.2 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.68 52.68 0 0 1 9.003 39.848a49.45 49.45 0 0 1-22.34 33.12l-71.664 45.673a52.2 52.2 0 0 1-14.563 6.398"/></svg>
</template>

CSS

.icon-svelte-icon {
  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%20256%20308%22%3E%3Cpath%20fill%3D%22%23ff3e00%22%20d%3D%22M239.682%2040.707C211.113-.182%20154.69-12.301%20113.895%2013.69L42.247%2059.356a82.2%2082.2%200%200%200-37.135%2055.056a86.57%2086.57%200%200%200%208.536%2055.576a82.4%2082.4%200%200%200-12.296%2030.719a87.6%2087.6%200%200%200%2014.964%2066.244c28.574%2040.893%2084.997%2053.007%20125.787%2027.016l71.648-45.664a82.18%2082.18%200%200%200%2037.135-55.057a86.6%2086.6%200%200%200-8.53-55.577a82.4%2082.4%200%200%200%2012.29-30.718a87.57%2087.57%200%200%200-14.963-66.244%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M106.889%20270.841c-23.102%206.007-47.497-3.036-61.103-22.648a52.7%2052.7%200%200%201-9.003-39.85a50%2050%200%200%201%201.713-6.693l1.35-4.115l3.671%202.697a92.5%2092.5%200%200%200%2028.036%2014.007l2.663.808l-.245%202.659a16.07%2016.07%200%200%200%202.89%2010.656a17.14%2017.14%200%200%200%2018.397%206.828a15.8%2015.8%200%200%200%204.403-1.935l71.67-45.672a14.92%2014.92%200%200%200%206.734-9.977a15.92%2015.92%200%200%200-2.713-12.011a17.16%2017.16%200%200%200-18.404-6.832a15.8%2015.8%200%200%200-4.396%201.933l-27.35%2017.434a52.3%2052.3%200%200%201-14.553%206.391c-23.101%206.007-47.497-3.036-61.101-22.649a52.68%2052.68%200%200%201-9.004-39.849a49.43%2049.43%200%200%201%2022.34-33.114l71.664-45.677a52.2%2052.2%200%200%201%2014.563-6.398c23.101-6.007%2047.497%203.036%2061.101%2022.648a52.7%2052.7%200%200%201%209.004%2039.85a51%2051%200%200%201-1.713%206.692l-1.35%204.116l-3.67-2.693a92.4%2092.4%200%200%200-28.037-14.013l-2.664-.809l.246-2.658a16.1%2016.1%200%200%200-2.89-10.656a17.14%2017.14%200%200%200-18.398-6.828a15.8%2015.8%200%200%200-4.402%201.935l-71.67%2045.674a14.9%2014.9%200%200%200-6.73%209.975a15.9%2015.9%200%200%200%202.709%2012.012a17.16%2017.16%200%200%200%2018.404%206.832a15.8%2015.8%200%200%200%204.402-1.935l27.345-17.427a52.2%2052.2%200%200%201%2014.552-6.397c23.101-6.006%2047.497%203.037%2061.102%2022.65a52.68%2052.68%200%200%201%209.003%2039.848a49.45%2049.45%200%200%201-22.34%2033.12l-71.664%2045.673a52.2%2052.2%200%200%201-14.563%206.398%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%20256%20308%22%3E%3Cpath%20fill%3D%22%23ff3e00%22%20d%3D%22M239.682%2040.707C211.113-.182%20154.69-12.301%20113.895%2013.69L42.247%2059.356a82.2%2082.2%200%200%200-37.135%2055.056a86.57%2086.57%200%200%200%208.536%2055.576a82.4%2082.4%200%200%200-12.296%2030.719a87.6%2087.6%200%200%200%2014.964%2066.244c28.574%2040.893%2084.997%2053.007%20125.787%2027.016l71.648-45.664a82.18%2082.18%200%200%200%2037.135-55.057a86.6%2086.6%200%200%200-8.53-55.577a82.4%2082.4%200%200%200%2012.29-30.718a87.57%2087.57%200%200%200-14.963-66.244%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M106.889%20270.841c-23.102%206.007-47.497-3.036-61.103-22.648a52.7%2052.7%200%200%201-9.003-39.85a50%2050%200%200%201%201.713-6.693l1.35-4.115l3.671%202.697a92.5%2092.5%200%200%200%2028.036%2014.007l2.663.808l-.245%202.659a16.07%2016.07%200%200%200%202.89%2010.656a17.14%2017.14%200%200%200%2018.397%206.828a15.8%2015.8%200%200%200%204.403-1.935l71.67-45.672a14.92%2014.92%200%200%200%206.734-9.977a15.92%2015.92%200%200%200-2.713-12.011a17.16%2017.16%200%200%200-18.404-6.832a15.8%2015.8%200%200%200-4.396%201.933l-27.35%2017.434a52.3%2052.3%200%200%201-14.553%206.391c-23.101%206.007-47.497-3.036-61.101-22.649a52.68%2052.68%200%200%201-9.004-39.849a49.43%2049.43%200%200%201%2022.34-33.114l71.664-45.677a52.2%2052.2%200%200%201%2014.563-6.398c23.101-6.007%2047.497%203.036%2061.101%2022.648a52.7%2052.7%200%200%201%209.004%2039.85a51%2051%200%200%201-1.713%206.692l-1.35%204.116l-3.67-2.693a92.4%2092.4%200%200%200-28.037-14.013l-2.664-.809l.246-2.658a16.1%2016.1%200%200%200-2.89-10.656a17.14%2017.14%200%200%200-18.398-6.828a15.8%2015.8%200%200%200-4.402%201.935l-71.67%2045.674a14.9%2014.9%200%200%200-6.73%209.975a15.9%2015.9%200%200%200%202.709%2012.012a17.16%2017.16%200%200%200%2018.404%206.832a15.8%2015.8%200%200%200%204.402-1.935l27.345-17.427a52.2%2052.2%200%200%201%2014.552-6.397c23.101-6.006%2047.497%203.037%2061.102%2022.65a52.68%2052.68%200%200%201%209.003%2039.848a49.45%2049.45%200%200%201-22.34%2033.12l-71.664%2045.673a52.2%2052.2%200%200%201-14.563%206.398%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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