stenciljs logo

stenciljs-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: stenciljs-wordmark
Set: Devicon
Style: Wordmark
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

Use the stenciljs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M43.575 68.46h4.418c.067.902.865 1.748 2.675 1.748c1.663 0 2.515-.49 2.515-1.236c0-2.262-8.93-.134-8.93-5.47c0-2.44 2.49-4.446 6.455-4.446c4.817 0 6.48 2.574 6.6 4.546h-4.204c-.094-.847-.866-1.616-2.424-1.616c-1.41 0-2.21.568-2.21 1.315c0 2.262 8.904 0 8.904 5.526c0 2.418-2.46 4.323-6.813 4.323c-5.057-.01-6.773-2.173-6.986-4.69m19.509-9.103v-3.13H58.72v16.6h4.365V62.332h3.207v-2.975z"/><path fill="#fff" d="M69.87 67.145c.307 1.849 1.717 2.852 3.9 2.852c1.317 0 2.582-.49 3.1-1.47h4.393c-.958 2.729-3.9 4.6-7.613 4.6c-4.763 0-8.104-2.93-8.104-7.063c0-3.989 3.313-7.019 8.078-7.019s7.985 3.03 7.985 7.019c0 .59-.067 1.08-.067 1.08h-11.67zm.055-2.619h7.305c-.306-1.515-1.623-2.54-3.66-2.54c-1.983 0-3.273 1.003-3.645 2.54m17.312-3.52c.733-1.159 2.396-1.95 4.791-1.95c3.873 0 5.923 2.162 5.923 5.37v8.4h-4.364v-7.999c0-1.57-.799-2.651-2.728-2.651c-2.117 0-3.287 1.136-3.287 2.93v7.71h-4.365v-13.46h4.032zm20.402-1.95c5.004 0 7.372 2.953 7.678 5.248h-4.484c-.333-1.16-1.624-2.006-3.22-2.006c-2.33 0-3.686 1.538-3.686 3.8s1.356 3.799 3.686 3.799c1.597 0 2.887-.847 3.22-2.006h4.484c-.306 2.284-2.674 5.248-7.678 5.248c-4.67 0-8.078-3.03-8.078-7.042c0-4.01 3.406-7.041 8.078-7.041m8.837-2.93c0-1.281 1.103-2.206 2.635-2.206c1.529 0 2.635.925 2.635 2.206s-1.105 2.184-2.635 2.184c-1.517 0-2.635-.892-2.635-2.184m.466 3.23h4.364v13.47h-4.364zm6.693 13.471v-18.06H128v18.06z"/><path fill="#f4f4f4" d="M13.954 68.88H28.54L20.655 76H6.15z"/><path fill="#a7a7a7" d="M13.954 68.88h14.584l-18.486 3.56z"/><path fill="#fff" d="M37.841 60.44H7.88L0 67.56h29.961zM17.161 52h14.53l-7.847 7.12H9.303z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconStenciljsWordmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M43.575 68.46h4.418c.067.902.865 1.748 2.675 1.748c1.663 0 2.515-.49 2.515-1.236c0-2.262-8.93-.134-8.93-5.47c0-2.44 2.49-4.446 6.455-4.446c4.817 0 6.48 2.574 6.6 4.546h-4.204c-.094-.847-.866-1.616-2.424-1.616c-1.41 0-2.21.568-2.21 1.315c0 2.262 8.904 0 8.904 5.526c0 2.418-2.46 4.323-6.813 4.323c-5.057-.01-6.773-2.173-6.986-4.69m19.509-9.103v-3.13H58.72v16.6h4.365V62.332h3.207v-2.975z"/><path fill="#fff" d="M69.87 67.145c.307 1.849 1.717 2.852 3.9 2.852c1.317 0 2.582-.49 3.1-1.47h4.393c-.958 2.729-3.9 4.6-7.613 4.6c-4.763 0-8.104-2.93-8.104-7.063c0-3.989 3.313-7.019 8.078-7.019s7.985 3.03 7.985 7.019c0 .59-.067 1.08-.067 1.08h-11.67zm.055-2.619h7.305c-.306-1.515-1.623-2.54-3.66-2.54c-1.983 0-3.273 1.003-3.645 2.54m17.312-3.52c.733-1.159 2.396-1.95 4.791-1.95c3.873 0 5.923 2.162 5.923 5.37v8.4h-4.364v-7.999c0-1.57-.799-2.651-2.728-2.651c-2.117 0-3.287 1.136-3.287 2.93v7.71h-4.365v-13.46h4.032zm20.402-1.95c5.004 0 7.372 2.953 7.678 5.248h-4.484c-.333-1.16-1.624-2.006-3.22-2.006c-2.33 0-3.686 1.538-3.686 3.8s1.356 3.799 3.686 3.799c1.597 0 2.887-.847 3.22-2.006h4.484c-.306 2.284-2.674 5.248-7.678 5.248c-4.67 0-8.078-3.03-8.078-7.042c0-4.01 3.406-7.041 8.078-7.041m8.837-2.93c0-1.281 1.103-2.206 2.635-2.206c1.529 0 2.635.925 2.635 2.206s-1.105 2.184-2.635 2.184c-1.517 0-2.635-.892-2.635-2.184m.466 3.23h4.364v13.47h-4.364zm6.693 13.471v-18.06H128v18.06z"/><path fill="#f4f4f4" d="M13.954 68.88H28.54L20.655 76H6.15z"/><path fill="#a7a7a7" d="M13.954 68.88h14.584l-18.486 3.56z"/><path fill="#fff" d="M37.841 60.44H7.88L0 67.56h29.961zM17.161 52h14.53l-7.847 7.12H9.303z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M43.575 68.46h4.418c.067.902.865 1.748 2.675 1.748c1.663 0 2.515-.49 2.515-1.236c0-2.262-8.93-.134-8.93-5.47c0-2.44 2.49-4.446 6.455-4.446c4.817 0 6.48 2.574 6.6 4.546h-4.204c-.094-.847-.866-1.616-2.424-1.616c-1.41 0-2.21.568-2.21 1.315c0 2.262 8.904 0 8.904 5.526c0 2.418-2.46 4.323-6.813 4.323c-5.057-.01-6.773-2.173-6.986-4.69m19.509-9.103v-3.13H58.72v16.6h4.365V62.332h3.207v-2.975z"/><path fill="#fff" d="M69.87 67.145c.307 1.849 1.717 2.852 3.9 2.852c1.317 0 2.582-.49 3.1-1.47h4.393c-.958 2.729-3.9 4.6-7.613 4.6c-4.763 0-8.104-2.93-8.104-7.063c0-3.989 3.313-7.019 8.078-7.019s7.985 3.03 7.985 7.019c0 .59-.067 1.08-.067 1.08h-11.67zm.055-2.619h7.305c-.306-1.515-1.623-2.54-3.66-2.54c-1.983 0-3.273 1.003-3.645 2.54m17.312-3.52c.733-1.159 2.396-1.95 4.791-1.95c3.873 0 5.923 2.162 5.923 5.37v8.4h-4.364v-7.999c0-1.57-.799-2.651-2.728-2.651c-2.117 0-3.287 1.136-3.287 2.93v7.71h-4.365v-13.46h4.032zm20.402-1.95c5.004 0 7.372 2.953 7.678 5.248h-4.484c-.333-1.16-1.624-2.006-3.22-2.006c-2.33 0-3.686 1.538-3.686 3.8s1.356 3.799 3.686 3.799c1.597 0 2.887-.847 3.22-2.006h4.484c-.306 2.284-2.674 5.248-7.678 5.248c-4.67 0-8.078-3.03-8.078-7.042c0-4.01 3.406-7.041 8.078-7.041m8.837-2.93c0-1.281 1.103-2.206 2.635-2.206c1.529 0 2.635.925 2.635 2.206s-1.105 2.184-2.635 2.184c-1.517 0-2.635-.892-2.635-2.184m.466 3.23h4.364v13.47h-4.364zm6.693 13.471v-18.06H128v18.06z"/><path fill="#f4f4f4" d="M13.954 68.88H28.54L20.655 76H6.15z"/><path fill="#a7a7a7" d="M13.954 68.88h14.584l-18.486 3.56z"/><path fill="#fff" d="M37.841 60.44H7.88L0 67.56h29.961zM17.161 52h14.53l-7.847 7.12H9.303z"/></svg>
</template>

CSS

.icon-stenciljs-wordmark {
  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%23fff%22%20d%3D%22M43.575%2068.46h4.418c.067.902.865%201.748%202.675%201.748c1.663%200%202.515-.49%202.515-1.236c0-2.262-8.93-.134-8.93-5.47c0-2.44%202.49-4.446%206.455-4.446c4.817%200%206.48%202.574%206.6%204.546h-4.204c-.094-.847-.866-1.616-2.424-1.616c-1.41%200-2.21.568-2.21%201.315c0%202.262%208.904%200%208.904%205.526c0%202.418-2.46%204.323-6.813%204.323c-5.057-.01-6.773-2.173-6.986-4.69m19.509-9.103v-3.13H58.72v16.6h4.365V62.332h3.207v-2.975z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M69.87%2067.145c.307%201.849%201.717%202.852%203.9%202.852c1.317%200%202.582-.49%203.1-1.47h4.393c-.958%202.729-3.9%204.6-7.613%204.6c-4.763%200-8.104-2.93-8.104-7.063c0-3.989%203.313-7.019%208.078-7.019s7.985%203.03%207.985%207.019c0%20.59-.067%201.08-.067%201.08h-11.67zm.055-2.619h7.305c-.306-1.515-1.623-2.54-3.66-2.54c-1.983%200-3.273%201.003-3.645%202.54m17.312-3.52c.733-1.159%202.396-1.95%204.791-1.95c3.873%200%205.923%202.162%205.923%205.37v8.4h-4.364v-7.999c0-1.57-.799-2.651-2.728-2.651c-2.117%200-3.287%201.136-3.287%202.93v7.71h-4.365v-13.46h4.032zm20.402-1.95c5.004%200%207.372%202.953%207.678%205.248h-4.484c-.333-1.16-1.624-2.006-3.22-2.006c-2.33%200-3.686%201.538-3.686%203.8s1.356%203.799%203.686%203.799c1.597%200%202.887-.847%203.22-2.006h4.484c-.306%202.284-2.674%205.248-7.678%205.248c-4.67%200-8.078-3.03-8.078-7.042c0-4.01%203.406-7.041%208.078-7.041m8.837-2.93c0-1.281%201.103-2.206%202.635-2.206c1.529%200%202.635.925%202.635%202.206s-1.105%202.184-2.635%202.184c-1.517%200-2.635-.892-2.635-2.184m.466%203.23h4.364v13.47h-4.364zm6.693%2013.471v-18.06H128v18.06z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M13.954%2068.88H28.54L20.655%2076H6.15z%22%2F%3E%3Cpath%20fill%3D%22%23a7a7a7%22%20d%3D%22M13.954%2068.88h14.584l-18.486%203.56z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M37.841%2060.44H7.88L0%2067.56h29.961zM17.161%2052h14.53l-7.847%207.12H9.303z%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%23fff%22%20d%3D%22M43.575%2068.46h4.418c.067.902.865%201.748%202.675%201.748c1.663%200%202.515-.49%202.515-1.236c0-2.262-8.93-.134-8.93-5.47c0-2.44%202.49-4.446%206.455-4.446c4.817%200%206.48%202.574%206.6%204.546h-4.204c-.094-.847-.866-1.616-2.424-1.616c-1.41%200-2.21.568-2.21%201.315c0%202.262%208.904%200%208.904%205.526c0%202.418-2.46%204.323-6.813%204.323c-5.057-.01-6.773-2.173-6.986-4.69m19.509-9.103v-3.13H58.72v16.6h4.365V62.332h3.207v-2.975z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M69.87%2067.145c.307%201.849%201.717%202.852%203.9%202.852c1.317%200%202.582-.49%203.1-1.47h4.393c-.958%202.729-3.9%204.6-7.613%204.6c-4.763%200-8.104-2.93-8.104-7.063c0-3.989%203.313-7.019%208.078-7.019s7.985%203.03%207.985%207.019c0%20.59-.067%201.08-.067%201.08h-11.67zm.055-2.619h7.305c-.306-1.515-1.623-2.54-3.66-2.54c-1.983%200-3.273%201.003-3.645%202.54m17.312-3.52c.733-1.159%202.396-1.95%204.791-1.95c3.873%200%205.923%202.162%205.923%205.37v8.4h-4.364v-7.999c0-1.57-.799-2.651-2.728-2.651c-2.117%200-3.287%201.136-3.287%202.93v7.71h-4.365v-13.46h4.032zm20.402-1.95c5.004%200%207.372%202.953%207.678%205.248h-4.484c-.333-1.16-1.624-2.006-3.22-2.006c-2.33%200-3.686%201.538-3.686%203.8s1.356%203.799%203.686%203.799c1.597%200%202.887-.847%203.22-2.006h4.484c-.306%202.284-2.674%205.248-7.678%205.248c-4.67%200-8.078-3.03-8.078-7.042c0-4.01%203.406-7.041%208.078-7.041m8.837-2.93c0-1.281%201.103-2.206%202.635-2.206c1.529%200%202.635.925%202.635%202.206s-1.105%202.184-2.635%202.184c-1.517%200-2.635-.892-2.635-2.184m.466%203.23h4.364v13.47h-4.364zm6.693%2013.471v-18.06H128v18.06z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M13.954%2068.88H28.54L20.655%2076H6.15z%22%2F%3E%3Cpath%20fill%3D%22%23a7a7a7%22%20d%3D%22M13.954%2068.88h14.584l-18.486%203.56z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M37.841%2060.44H7.88L0%2067.56h29.961zM17.161%2052h14.53l-7.847%207.12H9.303z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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