svelte logo
svelte from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- svelte
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
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 32 32"><path fill="currentColor" d="M27.573 4.229a9.733 9.733 0 0 0-13.068-2.802L7.041 6.172a8.48 8.48 0 0 0-3.854 5.734a8.9 8.9 0 0 0 .891 5.776a8.25 8.25 0 0 0-1.266 3.198a9.13 9.13 0 0 0 1.547 6.88a9.78 9.78 0 0 0 13.068 2.828l7.469-4.75a8.5 8.5 0 0 0 3.839-5.734a8.86 8.86 0 0 0-.896-5.755a9.04 9.04 0 0 0-.266-10.12M13.76 28.172a5.91 5.91 0 0 1-6.349-2.359c-.865-1.198-1.182-2.677-.932-4.146l.146-.708l.135-.438l.401.266a9.3 9.3 0 0 0 2.917 1.469l.271.094l-.031.266c-.026.37.083.786.297 1.104c.438.63 1.198.932 1.932.734c.161-.052.318-.104.453-.188l7.438-4.745c.375-.24.615-.599.708-1.026a1.7 1.7 0 0 0-.266-1.255a1.82 1.82 0 0 0-1.932-.708c-.161.057-.333.12-.469.203l-2.813 1.786a5.9 5.9 0 0 1-7.865-1.708a5.46 5.46 0 0 1-.938-4.146a5.16 5.16 0 0 1 2.365-3.469l7.422-4.745a6 6 0 0 1 1.521-.667a5.92 5.92 0 0 1 6.349 2.349a5.5 5.5 0 0 1 .76 4.849l-.135.443l-.385-.266a9.9 9.9 0 0 0-2.932-1.469l-.266-.078l.026-.266a1.83 1.83 0 0 0-.297-1.12a1.785 1.785 0 0 0-1.932-.708a2 2 0 0 0-.453.188l-7.453 4.786c-.375.25-.615.599-.693 1.036c-.078.427.026.896.266 1.24c.427.63 1.203.896 1.922.708a2 2 0 0 0 .464-.188l2.844-1.813a5.3 5.3 0 0 1 1.516-.677a5.89 5.89 0 0 1 6.349 2.359a5.5 5.5 0 0 1 .958 4.13a5.12 5.12 0 0 1-2.333 3.469l-7.438 4.734a6.5 6.5 0 0 1-1.547.677z"/></svg>
React
import type { SVGProps } from "react";
export function CibSvelte(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.573 4.229a9.733 9.733 0 0 0-13.068-2.802L7.041 6.172a8.48 8.48 0 0 0-3.854 5.734a8.9 8.9 0 0 0 .891 5.776a8.25 8.25 0 0 0-1.266 3.198a9.13 9.13 0 0 0 1.547 6.88a9.78 9.78 0 0 0 13.068 2.828l7.469-4.75a8.5 8.5 0 0 0 3.839-5.734a8.86 8.86 0 0 0-.896-5.755a9.04 9.04 0 0 0-.266-10.12M13.76 28.172a5.91 5.91 0 0 1-6.349-2.359c-.865-1.198-1.182-2.677-.932-4.146l.146-.708l.135-.438l.401.266a9.3 9.3 0 0 0 2.917 1.469l.271.094l-.031.266c-.026.37.083.786.297 1.104c.438.63 1.198.932 1.932.734c.161-.052.318-.104.453-.188l7.438-4.745c.375-.24.615-.599.708-1.026a1.7 1.7 0 0 0-.266-1.255a1.82 1.82 0 0 0-1.932-.708c-.161.057-.333.12-.469.203l-2.813 1.786a5.9 5.9 0 0 1-7.865-1.708a5.46 5.46 0 0 1-.938-4.146a5.16 5.16 0 0 1 2.365-3.469l7.422-4.745a6 6 0 0 1 1.521-.667a5.92 5.92 0 0 1 6.349 2.349a5.5 5.5 0 0 1 .76 4.849l-.135.443l-.385-.266a9.9 9.9 0 0 0-2.932-1.469l-.266-.078l.026-.266a1.83 1.83 0 0 0-.297-1.12a1.785 1.785 0 0 0-1.932-.708a2 2 0 0 0-.453.188l-7.453 4.786c-.375.25-.615.599-.693 1.036c-.078.427.026.896.266 1.24c.427.63 1.203.896 1.922.708a2 2 0 0 0 .464-.188l2.844-1.813a5.3 5.3 0 0 1 1.516-.677a5.89 5.89 0 0 1 6.349 2.359a5.5 5.5 0 0 1 .958 4.13a5.12 5.12 0 0 1-2.333 3.469l-7.438 4.734a6.5 6.5 0 0 1-1.547.677z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.573 4.229a9.733 9.733 0 0 0-13.068-2.802L7.041 6.172a8.48 8.48 0 0 0-3.854 5.734a8.9 8.9 0 0 0 .891 5.776a8.25 8.25 0 0 0-1.266 3.198a9.13 9.13 0 0 0 1.547 6.88a9.78 9.78 0 0 0 13.068 2.828l7.469-4.75a8.5 8.5 0 0 0 3.839-5.734a8.86 8.86 0 0 0-.896-5.755a9.04 9.04 0 0 0-.266-10.12M13.76 28.172a5.91 5.91 0 0 1-6.349-2.359c-.865-1.198-1.182-2.677-.932-4.146l.146-.708l.135-.438l.401.266a9.3 9.3 0 0 0 2.917 1.469l.271.094l-.031.266c-.026.37.083.786.297 1.104c.438.63 1.198.932 1.932.734c.161-.052.318-.104.453-.188l7.438-4.745c.375-.24.615-.599.708-1.026a1.7 1.7 0 0 0-.266-1.255a1.82 1.82 0 0 0-1.932-.708c-.161.057-.333.12-.469.203l-2.813 1.786a5.9 5.9 0 0 1-7.865-1.708a5.46 5.46 0 0 1-.938-4.146a5.16 5.16 0 0 1 2.365-3.469l7.422-4.745a6 6 0 0 1 1.521-.667a5.92 5.92 0 0 1 6.349 2.349a5.5 5.5 0 0 1 .76 4.849l-.135.443l-.385-.266a9.9 9.9 0 0 0-2.932-1.469l-.266-.078l.026-.266a1.83 1.83 0 0 0-.297-1.12a1.785 1.785 0 0 0-1.932-.708a2 2 0 0 0-.453.188l-7.453 4.786c-.375.25-.615.599-.693 1.036c-.078.427.026.896.266 1.24c.427.63 1.203.896 1.922.708a2 2 0 0 0 .464-.188l2.844-1.813a5.3 5.3 0 0 1 1.516-.677a5.89 5.89 0 0 1 6.349 2.359a5.5 5.5 0 0 1 .958 4.13a5.12 5.12 0 0 1-2.333 3.469l-7.438 4.734a6.5 6.5 0 0 1-1.547.677z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.573%204.229a9.733%209.733%200%200%200-13.068-2.802L7.041%206.172a8.48%208.48%200%200%200-3.854%205.734a8.9%208.9%200%200%200%20.891%205.776a8.25%208.25%200%200%200-1.266%203.198a9.13%209.13%200%200%200%201.547%206.88a9.78%209.78%200%200%200%2013.068%202.828l7.469-4.75a8.5%208.5%200%200%200%203.839-5.734a8.86%208.86%200%200%200-.896-5.755a9.04%209.04%200%200%200-.266-10.12M13.76%2028.172a5.91%205.91%200%200%201-6.349-2.359c-.865-1.198-1.182-2.677-.932-4.146l.146-.708l.135-.438l.401.266a9.3%209.3%200%200%200%202.917%201.469l.271.094l-.031.266c-.026.37.083.786.297%201.104c.438.63%201.198.932%201.932.734c.161-.052.318-.104.453-.188l7.438-4.745c.375-.24.615-.599.708-1.026a1.7%201.7%200%200%200-.266-1.255a1.82%201.82%200%200%200-1.932-.708c-.161.057-.333.12-.469.203l-2.813%201.786a5.9%205.9%200%200%201-7.865-1.708a5.46%205.46%200%200%201-.938-4.146a5.16%205.16%200%200%201%202.365-3.469l7.422-4.745a6%206%200%200%201%201.521-.667a5.92%205.92%200%200%201%206.349%202.349a5.5%205.5%200%200%201%20.76%204.849l-.135.443l-.385-.266a9.9%209.9%200%200%200-2.932-1.469l-.266-.078l.026-.266a1.83%201.83%200%200%200-.297-1.12a1.785%201.785%200%200%200-1.932-.708a2%202%200%200%200-.453.188l-7.453%204.786c-.375.25-.615.599-.693%201.036c-.078.427.026.896.266%201.24c.427.63%201.203.896%201.922.708a2%202%200%200%200%20.464-.188l2.844-1.813a5.3%205.3%200%200%201%201.516-.677a5.89%205.89%200%200%201%206.349%202.359a5.5%205.5%200%200%201%20.958%204.13a5.12%205.12%200%200%201-2.333%203.469l-7.438%204.734a6.5%206.5%200%200%201-1.547.677z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.573%204.229a9.733%209.733%200%200%200-13.068-2.802L7.041%206.172a8.48%208.48%200%200%200-3.854%205.734a8.9%208.9%200%200%200%20.891%205.776a8.25%208.25%200%200%200-1.266%203.198a9.13%209.13%200%200%200%201.547%206.88a9.78%209.78%200%200%200%2013.068%202.828l7.469-4.75a8.5%208.5%200%200%200%203.839-5.734a8.86%208.86%200%200%200-.896-5.755a9.04%209.04%200%200%200-.266-10.12M13.76%2028.172a5.91%205.91%200%200%201-6.349-2.359c-.865-1.198-1.182-2.677-.932-4.146l.146-.708l.135-.438l.401.266a9.3%209.3%200%200%200%202.917%201.469l.271.094l-.031.266c-.026.37.083.786.297%201.104c.438.63%201.198.932%201.932.734c.161-.052.318-.104.453-.188l7.438-4.745c.375-.24.615-.599.708-1.026a1.7%201.7%200%200%200-.266-1.255a1.82%201.82%200%200%200-1.932-.708c-.161.057-.333.12-.469.203l-2.813%201.786a5.9%205.9%200%200%201-7.865-1.708a5.46%205.46%200%200%201-.938-4.146a5.16%205.16%200%200%201%202.365-3.469l7.422-4.745a6%206%200%200%201%201.521-.667a5.92%205.92%200%200%201%206.349%202.349a5.5%205.5%200%200%201%20.76%204.849l-.135.443l-.385-.266a9.9%209.9%200%200%200-2.932-1.469l-.266-.078l.026-.266a1.83%201.83%200%200%200-.297-1.12a1.785%201.785%200%200%200-1.932-.708a2%202%200%200%200-.453.188l-7.453%204.786c-.375.25-.615.599-.693%201.036c-.078.427.026.896.266%201.24c.427.63%201.203.896%201.922.708a2%202%200%200%200%20.464-.188l2.844-1.813a5.3%205.3%200%200%201%201.516-.677a5.89%205.89%200%200%201%206.349%202.359a5.5%205.5%200%200%201%20.958%204.13a5.12%205.12%200%200%201-2.333%203.469l-7.438%204.734a6.5%206.5%200%200%201-1.547.677z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/svelte.svg?color=%231a73e8&size=48
