svelte logo
svelte from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- svelte
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- 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 256 256"><g fill="none"><rect width="256" height="256" fill="#ff3e00" rx="60"/><g clip-path="url(#SVGsyD8NePA)"><path fill="#fff" d="M193.034 61.797c-16.627-23.95-49.729-30.966-73.525-15.865L77.559 72.78c-11.44 7.17-19.372 18.915-21.66 32.186c-1.984 11.136-.306 22.576 5.033 32.492c-3.66 5.491-6.102 11.593-7.17 18c-2.44 13.576.764 27.61 8.696 38.745c16.78 23.95 49.728 30.966 73.525 15.865l41.949-26.695c11.441-7.17 19.373-18.915 21.661-32.187c1.983-11.135.305-22.576-5.034-32.491c3.661-5.492 6.102-11.593 7.17-18c2.593-13.729-.61-27.763-8.695-38.898"/><path fill="#ff3e00" d="M115.39 196.491a33.25 33.25 0 0 1-35.695-13.271c-4.881-6.712-6.712-15.101-5.34-23.339c.306-1.373.611-2.593.916-3.966l.763-2.44L78.169 155a55.6 55.6 0 0 0 16.475 8.237l1.525.458l-.152 1.525c-.153 2.136.458 4.424 1.678 6.255c2.441 3.508 6.712 5.186 10.83 4.118c.916-.305 1.831-.61 2.594-1.068l41.796-26.695c2.136-1.372 3.509-3.355 3.966-5.796s-.152-5.034-1.525-7.017c-2.441-3.509-6.712-5.034-10.831-3.966c-.915.305-1.83.61-2.593 1.068l-16.017 10.22c-2.593 1.678-5.491 2.898-8.542 3.661a33.25 33.25 0 0 1-35.695-13.271c-4.729-6.712-6.712-15.102-5.186-23.339c1.372-7.932 6.254-15.102 13.118-19.373l41.949-26.695c2.593-1.678 5.492-2.898 8.543-3.814a33.25 33.25 0 0 1 35.695 13.272c4.881 6.712 6.711 15.101 5.339 23.339c-.306 1.373-.611 2.593-1.068 3.966l-.763 2.44l-2.136-1.525a55.6 55.6 0 0 0-16.474-8.237l-1.526-.458l.153-1.525c.153-2.136-.458-4.424-1.678-6.255c-2.441-3.508-6.712-5.034-10.83-3.966c-.916.305-1.831.61-2.594 1.068l-41.796 26.695c-2.136 1.373-3.509 3.356-3.966 5.797s.152 5.034 1.525 7.017c2.441 3.508 6.712 5.033 10.831 3.966c.915-.305 1.83-.611 2.593-1.068l16.017-10.22c2.593-1.678 5.491-2.899 8.542-3.814a33.25 33.25 0 0 1 35.695 13.271c4.881 6.712 6.712 15.102 5.339 23.339c-1.373 7.932-6.254 15.102-13.119 19.373l-41.949 26.695c-2.593 1.678-5.491 2.898-8.542 3.813"/></g><defs><clipPath id="SVGsyD8NePA"><path fill="#fff" d="M53 38h149.644v180H53z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsSvelte(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#ff3e00" rx="60"/><g clipPath="url(#SVGsyD8NePA)"><path fill="#fff" d="M193.034 61.797c-16.627-23.95-49.729-30.966-73.525-15.865L77.559 72.78c-11.44 7.17-19.372 18.915-21.66 32.186c-1.984 11.136-.306 22.576 5.033 32.492c-3.66 5.491-6.102 11.593-7.17 18c-2.44 13.576.764 27.61 8.696 38.745c16.78 23.95 49.728 30.966 73.525 15.865l41.949-26.695c11.441-7.17 19.373-18.915 21.661-32.187c1.983-11.135.305-22.576-5.034-32.491c3.661-5.492 6.102-11.593 7.17-18c2.593-13.729-.61-27.763-8.695-38.898"/><path fill="#ff3e00" d="M115.39 196.491a33.25 33.25 0 0 1-35.695-13.271c-4.881-6.712-6.712-15.101-5.34-23.339c.306-1.373.611-2.593.916-3.966l.763-2.44L78.169 155a55.6 55.6 0 0 0 16.475 8.237l1.525.458l-.152 1.525c-.153 2.136.458 4.424 1.678 6.255c2.441 3.508 6.712 5.186 10.83 4.118c.916-.305 1.831-.61 2.594-1.068l41.796-26.695c2.136-1.372 3.509-3.355 3.966-5.796s-.152-5.034-1.525-7.017c-2.441-3.509-6.712-5.034-10.831-3.966c-.915.305-1.83.61-2.593 1.068l-16.017 10.22c-2.593 1.678-5.491 2.898-8.542 3.661a33.25 33.25 0 0 1-35.695-13.271c-4.729-6.712-6.712-15.102-5.186-23.339c1.372-7.932 6.254-15.102 13.118-19.373l41.949-26.695c2.593-1.678 5.492-2.898 8.543-3.814a33.25 33.25 0 0 1 35.695 13.272c4.881 6.712 6.711 15.101 5.339 23.339c-.306 1.373-.611 2.593-1.068 3.966l-.763 2.44l-2.136-1.525a55.6 55.6 0 0 0-16.474-8.237l-1.526-.458l.153-1.525c.153-2.136-.458-4.424-1.678-6.255c-2.441-3.508-6.712-5.034-10.83-3.966c-.916.305-1.831.61-2.594 1.068l-41.796 26.695c-2.136 1.373-3.509 3.356-3.966 5.797s.152 5.034 1.525 7.017c2.441 3.508 6.712 5.033 10.831 3.966c.915-.305 1.83-.611 2.593-1.068l16.017-10.22c2.593-1.678 5.491-2.899 8.542-3.814a33.25 33.25 0 0 1 35.695 13.271c4.881 6.712 6.712 15.102 5.339 23.339c-1.373 7.932-6.254 15.102-13.119 19.373l-41.949 26.695c-2.593 1.678-5.491 2.898-8.542 3.813"/></g><defs><clipPath id="SVGsyD8NePA"><path fill="#fff" d="M53 38h149.644v180H53z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#ff3e00" rx="60"/><g clip-path="url(#SVGsyD8NePA)"><path fill="#fff" d="M193.034 61.797c-16.627-23.95-49.729-30.966-73.525-15.865L77.559 72.78c-11.44 7.17-19.372 18.915-21.66 32.186c-1.984 11.136-.306 22.576 5.033 32.492c-3.66 5.491-6.102 11.593-7.17 18c-2.44 13.576.764 27.61 8.696 38.745c16.78 23.95 49.728 30.966 73.525 15.865l41.949-26.695c11.441-7.17 19.373-18.915 21.661-32.187c1.983-11.135.305-22.576-5.034-32.491c3.661-5.492 6.102-11.593 7.17-18c2.593-13.729-.61-27.763-8.695-38.898"/><path fill="#ff3e00" d="M115.39 196.491a33.25 33.25 0 0 1-35.695-13.271c-4.881-6.712-6.712-15.101-5.34-23.339c.306-1.373.611-2.593.916-3.966l.763-2.44L78.169 155a55.6 55.6 0 0 0 16.475 8.237l1.525.458l-.152 1.525c-.153 2.136.458 4.424 1.678 6.255c2.441 3.508 6.712 5.186 10.83 4.118c.916-.305 1.831-.61 2.594-1.068l41.796-26.695c2.136-1.372 3.509-3.355 3.966-5.796s-.152-5.034-1.525-7.017c-2.441-3.509-6.712-5.034-10.831-3.966c-.915.305-1.83.61-2.593 1.068l-16.017 10.22c-2.593 1.678-5.491 2.898-8.542 3.661a33.25 33.25 0 0 1-35.695-13.271c-4.729-6.712-6.712-15.102-5.186-23.339c1.372-7.932 6.254-15.102 13.118-19.373l41.949-26.695c2.593-1.678 5.492-2.898 8.543-3.814a33.25 33.25 0 0 1 35.695 13.272c4.881 6.712 6.711 15.101 5.339 23.339c-.306 1.373-.611 2.593-1.068 3.966l-.763 2.44l-2.136-1.525a55.6 55.6 0 0 0-16.474-8.237l-1.526-.458l.153-1.525c.153-2.136-.458-4.424-1.678-6.255c-2.441-3.508-6.712-5.034-10.83-3.966c-.916.305-1.831.61-2.594 1.068l-41.796 26.695c-2.136 1.373-3.509 3.356-3.966 5.797s.152 5.034 1.525 7.017c2.441 3.508 6.712 5.033 10.831 3.966c.915-.305 1.83-.611 2.593-1.068l16.017-10.22c2.593-1.678 5.491-2.899 8.542-3.814a33.25 33.25 0 0 1 35.695 13.271c4.881 6.712 6.712 15.102 5.339 23.339c-1.373 7.932-6.254 15.102-13.119 19.373l-41.949 26.695c-2.593 1.678-5.491 2.898-8.542 3.813"/></g><defs><clipPath id="SVGsyD8NePA"><path fill="#fff" d="M53 38h149.644v180H53z"/></clipPath></defs></g></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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23ff3e00%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGsyD8NePA)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M193.034%2061.797c-16.627-23.95-49.729-30.966-73.525-15.865L77.559%2072.78c-11.44%207.17-19.372%2018.915-21.66%2032.186c-1.984%2011.136-.306%2022.576%205.033%2032.492c-3.66%205.491-6.102%2011.593-7.17%2018c-2.44%2013.576.764%2027.61%208.696%2038.745c16.78%2023.95%2049.728%2030.966%2073.525%2015.865l41.949-26.695c11.441-7.17%2019.373-18.915%2021.661-32.187c1.983-11.135.305-22.576-5.034-32.491c3.661-5.492%206.102-11.593%207.17-18c2.593-13.729-.61-27.763-8.695-38.898%22%2F%3E%3Cpath%20fill%3D%22%23ff3e00%22%20d%3D%22M115.39%20196.491a33.25%2033.25%200%200%201-35.695-13.271c-4.881-6.712-6.712-15.101-5.34-23.339c.306-1.373.611-2.593.916-3.966l.763-2.44L78.169%20155a55.6%2055.6%200%200%200%2016.475%208.237l1.525.458l-.152%201.525c-.153%202.136.458%204.424%201.678%206.255c2.441%203.508%206.712%205.186%2010.83%204.118c.916-.305%201.831-.61%202.594-1.068l41.796-26.695c2.136-1.372%203.509-3.355%203.966-5.796s-.152-5.034-1.525-7.017c-2.441-3.509-6.712-5.034-10.831-3.966c-.915.305-1.83.61-2.593%201.068l-16.017%2010.22c-2.593%201.678-5.491%202.898-8.542%203.661a33.25%2033.25%200%200%201-35.695-13.271c-4.729-6.712-6.712-15.102-5.186-23.339c1.372-7.932%206.254-15.102%2013.118-19.373l41.949-26.695c2.593-1.678%205.492-2.898%208.543-3.814a33.25%2033.25%200%200%201%2035.695%2013.272c4.881%206.712%206.711%2015.101%205.339%2023.339c-.306%201.373-.611%202.593-1.068%203.966l-.763%202.44l-2.136-1.525a55.6%2055.6%200%200%200-16.474-8.237l-1.526-.458l.153-1.525c.153-2.136-.458-4.424-1.678-6.255c-2.441-3.508-6.712-5.034-10.83-3.966c-.916.305-1.831.61-2.594%201.068l-41.796%2026.695c-2.136%201.373-3.509%203.356-3.966%205.797s.152%205.034%201.525%207.017c2.441%203.508%206.712%205.033%2010.831%203.966c.915-.305%201.83-.611%202.593-1.068l16.017-10.22c2.593-1.678%205.491-2.899%208.542-3.814a33.25%2033.25%200%200%201%2035.695%2013.271c4.881%206.712%206.712%2015.102%205.339%2023.339c-1.373%207.932-6.254%2015.102-13.119%2019.373l-41.949%2026.695c-2.593%201.678-5.491%202.898-8.542%203.813%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGsyD8NePA%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M53%2038h149.644v180H53z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23ff3e00%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGsyD8NePA)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M193.034%2061.797c-16.627-23.95-49.729-30.966-73.525-15.865L77.559%2072.78c-11.44%207.17-19.372%2018.915-21.66%2032.186c-1.984%2011.136-.306%2022.576%205.033%2032.492c-3.66%205.491-6.102%2011.593-7.17%2018c-2.44%2013.576.764%2027.61%208.696%2038.745c16.78%2023.95%2049.728%2030.966%2073.525%2015.865l41.949-26.695c11.441-7.17%2019.373-18.915%2021.661-32.187c1.983-11.135.305-22.576-5.034-32.491c3.661-5.492%206.102-11.593%207.17-18c2.593-13.729-.61-27.763-8.695-38.898%22%2F%3E%3Cpath%20fill%3D%22%23ff3e00%22%20d%3D%22M115.39%20196.491a33.25%2033.25%200%200%201-35.695-13.271c-4.881-6.712-6.712-15.101-5.34-23.339c.306-1.373.611-2.593.916-3.966l.763-2.44L78.169%20155a55.6%2055.6%200%200%200%2016.475%208.237l1.525.458l-.152%201.525c-.153%202.136.458%204.424%201.678%206.255c2.441%203.508%206.712%205.186%2010.83%204.118c.916-.305%201.831-.61%202.594-1.068l41.796-26.695c2.136-1.372%203.509-3.355%203.966-5.796s-.152-5.034-1.525-7.017c-2.441-3.509-6.712-5.034-10.831-3.966c-.915.305-1.83.61-2.593%201.068l-16.017%2010.22c-2.593%201.678-5.491%202.898-8.542%203.661a33.25%2033.25%200%200%201-35.695-13.271c-4.729-6.712-6.712-15.102-5.186-23.339c1.372-7.932%206.254-15.102%2013.118-19.373l41.949-26.695c2.593-1.678%205.492-2.898%208.543-3.814a33.25%2033.25%200%200%201%2035.695%2013.272c4.881%206.712%206.711%2015.101%205.339%2023.339c-.306%201.373-.611%202.593-1.068%203.966l-.763%202.44l-2.136-1.525a55.6%2055.6%200%200%200-16.474-8.237l-1.526-.458l.153-1.525c.153-2.136-.458-4.424-1.678-6.255c-2.441-3.508-6.712-5.034-10.83-3.966c-.916.305-1.831.61-2.594%201.068l-41.796%2026.695c-2.136%201.373-3.509%203.356-3.966%205.797s.152%205.034%201.525%207.017c2.441%203.508%206.712%205.033%2010.831%203.966c.915-.305%201.83-.611%202.593-1.068l16.017-10.22c2.593-1.678%205.491-2.899%208.542-3.814a33.25%2033.25%200%200%201%2035.695%2013.271c4.881%206.712%206.712%2015.102%205.339%2023.339c-1.373%207.932-6.254%2015.102-13.119%2019.373l-41.949%2026.695c-2.593%201.678-5.491%202.898-8.542%203.813%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGsyD8NePA%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M53%2038h149.644v180H53z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/svelte.svg?color=%231a73e8&size=48
