svelte logo
svelte from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- svelte
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 300×300
- License
- MIT
The same logo in other sets
Use the svelte logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#ff5722" d="M175.94 24.328c-13.037.252-26.009 3.872-37.471 11.174L79.912 72.818a67.13 67.13 0 0 0-30.355 44.906a70.8 70.8 0 0 0 6.959 45.445a67.2 67.2 0 0 0-10.035 25.102a71.54 71.54 0 0 0 12.236 54.156c23.351 33.41 69.468 43.311 102.81 22.07l58.559-37.158a67.36 67.36 0 0 0 30.355-44.906a70.77 70.77 0 0 0-6.982-45.422a67.65 67.65 0 0 0 10.059-25.102a71.63 71.63 0 0 0-12.236-54.156v-.18c-15.324-21.925-40.453-33.727-65.342-33.246zm5.137 28.68a46.5 46.5 0 0 1 36.09 19.969a42.98 42.98 0 0 1 7.365 32.557a45 45 0 0 1-1.393 5.455l-1.123 3.37l-2.986-2.247a75.9 75.9 0 0 0-22.902-11.45l-2.244-.651l.201-2.246a13.16 13.16 0 0 0-2.379-8.711a13.99 13.99 0 0 0-14.953-5.412a12.8 12.8 0 0 0-3.594 1.572l-58.578 37.25a12.24 12.24 0 0 0-5.502 8.15a13.1 13.1 0 0 0 2.246 9.834a14.03 14.03 0 0 0 14.93 5.569a13.5 13.5 0 0 0 3.594-1.573l22.453-14.234a41.8 41.8 0 0 1 11.898-5.232a46.48 46.48 0 0 1 49.914 18.502a43.02 43.02 0 0 1 7.363 32.557a40.42 40.42 0 0 1-18.254 27.078l-58.58 37.316a43 43 0 0 1-11.898 5.23A46.545 46.545 0 0 1 82.81 227.14a42.98 42.98 0 0 1-7.341-32.557a38 38 0 0 1 1.39-5.41l1.102-3.37l3.008 2.246a75.9 75.9 0 0 0 22.836 11.361l2.244.65l-.201 2.247a13.25 13.25 0 0 0 2.447 8.644a14.03 14.03 0 0 0 15.043 5.569a13.1 13.1 0 0 0 3.592-1.573l58.467-37.316a12.17 12.17 0 0 0 5.502-8.173a12.96 12.96 0 0 0-2.246-9.811a14.03 14.03 0 0 0-15.043-5.568a12.8 12.8 0 0 0-3.592 1.57l-22.453 14.258a42.9 42.9 0 0 1-11.877 5.209a46.52 46.52 0 0 1-49.846-18.5a43.02 43.02 0 0 1-7.297-32.557A40.42 40.42 0 0 1 96.798 96.98l58.646-37.316a42.8 42.8 0 0 1 11.811-5.21a46.5 46.5 0 0 1 13.822-1.444z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeSvelte(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#ff5722" d="M175.94 24.328c-13.037.252-26.009 3.872-37.471 11.174L79.912 72.818a67.13 67.13 0 0 0-30.355 44.906a70.8 70.8 0 0 0 6.959 45.445a67.2 67.2 0 0 0-10.035 25.102a71.54 71.54 0 0 0 12.236 54.156c23.351 33.41 69.468 43.311 102.81 22.07l58.559-37.158a67.36 67.36 0 0 0 30.355-44.906a70.77 70.77 0 0 0-6.982-45.422a67.65 67.65 0 0 0 10.059-25.102a71.63 71.63 0 0 0-12.236-54.156v-.18c-15.324-21.925-40.453-33.727-65.342-33.246zm5.137 28.68a46.5 46.5 0 0 1 36.09 19.969a42.98 42.98 0 0 1 7.365 32.557a45 45 0 0 1-1.393 5.455l-1.123 3.37l-2.986-2.247a75.9 75.9 0 0 0-22.902-11.45l-2.244-.651l.201-2.246a13.16 13.16 0 0 0-2.379-8.711a13.99 13.99 0 0 0-14.953-5.412a12.8 12.8 0 0 0-3.594 1.572l-58.578 37.25a12.24 12.24 0 0 0-5.502 8.15a13.1 13.1 0 0 0 2.246 9.834a14.03 14.03 0 0 0 14.93 5.569a13.5 13.5 0 0 0 3.594-1.573l22.453-14.234a41.8 41.8 0 0 1 11.898-5.232a46.48 46.48 0 0 1 49.914 18.502a43.02 43.02 0 0 1 7.363 32.557a40.42 40.42 0 0 1-18.254 27.078l-58.58 37.316a43 43 0 0 1-11.898 5.23A46.545 46.545 0 0 1 82.81 227.14a42.98 42.98 0 0 1-7.341-32.557a38 38 0 0 1 1.39-5.41l1.102-3.37l3.008 2.246a75.9 75.9 0 0 0 22.836 11.361l2.244.65l-.201 2.247a13.25 13.25 0 0 0 2.447 8.644a14.03 14.03 0 0 0 15.043 5.569a13.1 13.1 0 0 0 3.592-1.573l58.467-37.316a12.17 12.17 0 0 0 5.502-8.173a12.96 12.96 0 0 0-2.246-9.811a14.03 14.03 0 0 0-15.043-5.568a12.8 12.8 0 0 0-3.592 1.57l-22.453 14.258a42.9 42.9 0 0 1-11.877 5.209a46.52 46.52 0 0 1-49.846-18.5a43.02 43.02 0 0 1-7.297-32.557A40.42 40.42 0 0 1 96.798 96.98l58.646-37.316a42.8 42.8 0 0 1 11.811-5.21a46.5 46.5 0 0 1 13.822-1.444z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#ff5722" d="M175.94 24.328c-13.037.252-26.009 3.872-37.471 11.174L79.912 72.818a67.13 67.13 0 0 0-30.355 44.906a70.8 70.8 0 0 0 6.959 45.445a67.2 67.2 0 0 0-10.035 25.102a71.54 71.54 0 0 0 12.236 54.156c23.351 33.41 69.468 43.311 102.81 22.07l58.559-37.158a67.36 67.36 0 0 0 30.355-44.906a70.77 70.77 0 0 0-6.982-45.422a67.65 67.65 0 0 0 10.059-25.102a71.63 71.63 0 0 0-12.236-54.156v-.18c-15.324-21.925-40.453-33.727-65.342-33.246zm5.137 28.68a46.5 46.5 0 0 1 36.09 19.969a42.98 42.98 0 0 1 7.365 32.557a45 45 0 0 1-1.393 5.455l-1.123 3.37l-2.986-2.247a75.9 75.9 0 0 0-22.902-11.45l-2.244-.651l.201-2.246a13.16 13.16 0 0 0-2.379-8.711a13.99 13.99 0 0 0-14.953-5.412a12.8 12.8 0 0 0-3.594 1.572l-58.578 37.25a12.24 12.24 0 0 0-5.502 8.15a13.1 13.1 0 0 0 2.246 9.834a14.03 14.03 0 0 0 14.93 5.569a13.5 13.5 0 0 0 3.594-1.573l22.453-14.234a41.8 41.8 0 0 1 11.898-5.232a46.48 46.48 0 0 1 49.914 18.502a43.02 43.02 0 0 1 7.363 32.557a40.42 40.42 0 0 1-18.254 27.078l-58.58 37.316a43 43 0 0 1-11.898 5.23A46.545 46.545 0 0 1 82.81 227.14a42.98 42.98 0 0 1-7.341-32.557a38 38 0 0 1 1.39-5.41l1.102-3.37l3.008 2.246a75.9 75.9 0 0 0 22.836 11.361l2.244.65l-.201 2.247a13.25 13.25 0 0 0 2.447 8.644a14.03 14.03 0 0 0 15.043 5.569a13.1 13.1 0 0 0 3.592-1.573l58.467-37.316a12.17 12.17 0 0 0 5.502-8.173a12.96 12.96 0 0 0-2.246-9.811a14.03 14.03 0 0 0-15.043-5.568a12.8 12.8 0 0 0-3.592 1.57l-22.453 14.258a42.9 42.9 0 0 1-11.877 5.209a46.52 46.52 0 0 1-49.846-18.5a43.02 43.02 0 0 1-7.297-32.557A40.42 40.42 0 0 1 96.798 96.98l58.646-37.316a42.8 42.8 0 0 1 11.811-5.21a46.5 46.5 0 0 1 13.822-1.444z"/></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%20300%20300%22%3E%3Cpath%20fill%3D%22%23ff5722%22%20d%3D%22M175.94%2024.328c-13.037.252-26.009%203.872-37.471%2011.174L79.912%2072.818a67.13%2067.13%200%200%200-30.355%2044.906a70.8%2070.8%200%200%200%206.959%2045.445a67.2%2067.2%200%200%200-10.035%2025.102a71.54%2071.54%200%200%200%2012.236%2054.156c23.351%2033.41%2069.468%2043.311%20102.81%2022.07l58.559-37.158a67.36%2067.36%200%200%200%2030.355-44.906a70.77%2070.77%200%200%200-6.982-45.422a67.65%2067.65%200%200%200%2010.059-25.102a71.63%2071.63%200%200%200-12.236-54.156v-.18c-15.324-21.925-40.453-33.727-65.342-33.246zm5.137%2028.68a46.5%2046.5%200%200%201%2036.09%2019.969a42.98%2042.98%200%200%201%207.365%2032.557a45%2045%200%200%201-1.393%205.455l-1.123%203.37l-2.986-2.247a75.9%2075.9%200%200%200-22.902-11.45l-2.244-.651l.201-2.246a13.16%2013.16%200%200%200-2.379-8.711a13.99%2013.99%200%200%200-14.953-5.412a12.8%2012.8%200%200%200-3.594%201.572l-58.578%2037.25a12.24%2012.24%200%200%200-5.502%208.15a13.1%2013.1%200%200%200%202.246%209.834a14.03%2014.03%200%200%200%2014.93%205.569a13.5%2013.5%200%200%200%203.594-1.573l22.453-14.234a41.8%2041.8%200%200%201%2011.898-5.232a46.48%2046.48%200%200%201%2049.914%2018.502a43.02%2043.02%200%200%201%207.363%2032.557a40.42%2040.42%200%200%201-18.254%2027.078l-58.58%2037.316a43%2043%200%200%201-11.898%205.23A46.545%2046.545%200%200%201%2082.81%20227.14a42.98%2042.98%200%200%201-7.341-32.557a38%2038%200%200%201%201.39-5.41l1.102-3.37l3.008%202.246a75.9%2075.9%200%200%200%2022.836%2011.361l2.244.65l-.201%202.247a13.25%2013.25%200%200%200%202.447%208.644a14.03%2014.03%200%200%200%2015.043%205.569a13.1%2013.1%200%200%200%203.592-1.573l58.467-37.316a12.17%2012.17%200%200%200%205.502-8.173a12.96%2012.96%200%200%200-2.246-9.811a14.03%2014.03%200%200%200-15.043-5.568a12.8%2012.8%200%200%200-3.592%201.57l-22.453%2014.258a42.9%2042.9%200%200%201-11.877%205.209a46.52%2046.52%200%200%201-49.846-18.5a43.02%2043.02%200%200%201-7.297-32.557A40.42%2040.42%200%200%201%2096.798%2096.98l58.646-37.316a42.8%2042.8%200%200%201%2011.811-5.21a46.5%2046.5%200%200%201%2013.822-1.444z%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%20300%20300%22%3E%3Cpath%20fill%3D%22%23ff5722%22%20d%3D%22M175.94%2024.328c-13.037.252-26.009%203.872-37.471%2011.174L79.912%2072.818a67.13%2067.13%200%200%200-30.355%2044.906a70.8%2070.8%200%200%200%206.959%2045.445a67.2%2067.2%200%200%200-10.035%2025.102a71.54%2071.54%200%200%200%2012.236%2054.156c23.351%2033.41%2069.468%2043.311%20102.81%2022.07l58.559-37.158a67.36%2067.36%200%200%200%2030.355-44.906a70.77%2070.77%200%200%200-6.982-45.422a67.65%2067.65%200%200%200%2010.059-25.102a71.63%2071.63%200%200%200-12.236-54.156v-.18c-15.324-21.925-40.453-33.727-65.342-33.246zm5.137%2028.68a46.5%2046.5%200%200%201%2036.09%2019.969a42.98%2042.98%200%200%201%207.365%2032.557a45%2045%200%200%201-1.393%205.455l-1.123%203.37l-2.986-2.247a75.9%2075.9%200%200%200-22.902-11.45l-2.244-.651l.201-2.246a13.16%2013.16%200%200%200-2.379-8.711a13.99%2013.99%200%200%200-14.953-5.412a12.8%2012.8%200%200%200-3.594%201.572l-58.578%2037.25a12.24%2012.24%200%200%200-5.502%208.15a13.1%2013.1%200%200%200%202.246%209.834a14.03%2014.03%200%200%200%2014.93%205.569a13.5%2013.5%200%200%200%203.594-1.573l22.453-14.234a41.8%2041.8%200%200%201%2011.898-5.232a46.48%2046.48%200%200%201%2049.914%2018.502a43.02%2043.02%200%200%201%207.363%2032.557a40.42%2040.42%200%200%201-18.254%2027.078l-58.58%2037.316a43%2043%200%200%201-11.898%205.23A46.545%2046.545%200%200%201%2082.81%20227.14a42.98%2042.98%200%200%201-7.341-32.557a38%2038%200%200%201%201.39-5.41l1.102-3.37l3.008%202.246a75.9%2075.9%200%200%200%2022.836%2011.361l2.244.65l-.201%202.247a13.25%2013.25%200%200%200%202.447%208.644a14.03%2014.03%200%200%200%2015.043%205.569a13.1%2013.1%200%200%200%203.592-1.573l58.467-37.316a12.17%2012.17%200%200%200%205.502-8.173a12.96%2012.96%200%200%200-2.246-9.811a14.03%2014.03%200%200%200-15.043-5.568a12.8%2012.8%200%200%200-3.592%201.57l-22.453%2014.258a42.9%2042.9%200%200%201-11.877%205.209a46.52%2046.52%200%200%201-49.846-18.5a43.02%2043.02%200%200%201-7.297-32.557A40.42%2040.42%200%200%201%2096.798%2096.98l58.646-37.316a42.8%2042.8%200%200%201%2011.811-5.21a46.5%2046.5%200%200%201%2013.822-1.444z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/svelte.svg?color=%231a73e8&size=48
