wasm logo

wasm from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
wasm
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

wasm-wordmark

Use the wasm logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#654ff0" d="M.223.222v127.555h127.555V.222H78.594c.014.227.036.455.036.686c0 8.08-6.55 14.626-14.63 14.626c-8.078 0-14.625-6.546-14.625-14.626c0-.231.022-.459.031-.686zm29.595 68.746h8.445l5.782 30.738h.107l6.968-30.738h7.908l6.265 31.119h.106l6.597-31.119h8.284l-10.765 45.156H61.12l-6.213-30.738H54.8l-6.7 30.738h-8.557zm59.994 0h13.334l13.284 45.156h-8.77l-2.879-10.051H89.59l-2.212 10.05h-8.5ZM94.895 80.1l-3.684 16.57h11.473L98.448 80.1Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconWasm(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#654ff0" d="M.223.222v127.555h127.555V.222H78.594c.014.227.036.455.036.686c0 8.08-6.55 14.626-14.63 14.626c-8.078 0-14.625-6.546-14.625-14.626c0-.231.022-.459.031-.686zm29.595 68.746h8.445l5.782 30.738h.107l6.968-30.738h7.908l6.265 31.119h.106l6.597-31.119h8.284l-10.765 45.156H61.12l-6.213-30.738H54.8l-6.7 30.738h-8.557zm59.994 0h13.334l13.284 45.156h-8.77l-2.879-10.051H89.59l-2.212 10.05h-8.5ZM94.895 80.1l-3.684 16.57h11.473L98.448 80.1Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#654ff0" d="M.223.222v127.555h127.555V.222H78.594c.014.227.036.455.036.686c0 8.08-6.55 14.626-14.63 14.626c-8.078 0-14.625-6.546-14.625-14.626c0-.231.022-.459.031-.686zm29.595 68.746h8.445l5.782 30.738h.107l6.968-30.738h7.908l6.265 31.119h.106l6.597-31.119h8.284l-10.765 45.156H61.12l-6.213-30.738H54.8l-6.7 30.738h-8.557zm59.994 0h13.334l13.284 45.156h-8.77l-2.879-10.051H89.59l-2.212 10.05h-8.5ZM94.895 80.1l-3.684 16.57h11.473L98.448 80.1Z"/></svg>
</template>

CSS

.icon-wasm {
  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%23654ff0%22%20d%3D%22M.223.222v127.555h127.555V.222H78.594c.014.227.036.455.036.686c0%208.08-6.55%2014.626-14.63%2014.626c-8.078%200-14.625-6.546-14.625-14.626c0-.231.022-.459.031-.686zm29.595%2068.746h8.445l5.782%2030.738h.107l6.968-30.738h7.908l6.265%2031.119h.106l6.597-31.119h8.284l-10.765%2045.156H61.12l-6.213-30.738H54.8l-6.7%2030.738h-8.557zm59.994%200h13.334l13.284%2045.156h-8.77l-2.879-10.051H89.59l-2.212%2010.05h-8.5ZM94.895%2080.1l-3.684%2016.57h11.473L98.448%2080.1Z%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%23654ff0%22%20d%3D%22M.223.222v127.555h127.555V.222H78.594c.014.227.036.455.036.686c0%208.08-6.55%2014.626-14.63%2014.626c-8.078%200-14.625-6.546-14.625-14.626c0-.231.022-.459.031-.686zm29.595%2068.746h8.445l5.782%2030.738h.107l6.968-30.738h7.908l6.265%2031.119h.106l6.597-31.119h8.284l-10.765%2045.156H61.12l-6.213-30.738H54.8l-6.7%2030.738h-8.557zm59.994%200h13.334l13.284%2045.156h-8.77l-2.879-10.051H89.59l-2.212%2010.05h-8.5ZM94.895%2080.1l-3.684%2016.57h11.473L98.448%2080.1Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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