emmet logo

emmet from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
emmet
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the emmet logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="127.555" cy="128.184" r="127.555" fill="#1c1c20"/><path fill="#baffa9" d="m178.496 124.737l-14.205-14.205l7.306-30.035l-30.441 6.9l-13.8-13.8l68.187-17.047z"/><path fill="#7acb16" d="M154.956 218.901L33.192 97.138L101.38 80.09l13.8 13.8l-48.706 12.176l27.6 27.6l32.064-7.712l-8.117 31.658l27.6 27.6l12.176-48.705l14.205 14.206z"/></svg>

React

import type { SVGProps } from "react";

export function LogosEmmet(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="127.555" cy="128.184" r="127.555" fill="#1c1c20"/><path fill="#baffa9" d="m178.496 124.737l-14.205-14.205l7.306-30.035l-30.441 6.9l-13.8-13.8l68.187-17.047z"/><path fill="#7acb16" d="M154.956 218.901L33.192 97.138L101.38 80.09l13.8 13.8l-48.706 12.176l27.6 27.6l32.064-7.712l-8.117 31.658l27.6 27.6l12.176-48.705l14.205 14.206z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="127.555" cy="128.184" r="127.555" fill="#1c1c20"/><path fill="#baffa9" d="m178.496 124.737l-14.205-14.205l7.306-30.035l-30.441 6.9l-13.8-13.8l68.187-17.047z"/><path fill="#7acb16" d="M154.956 218.901L33.192 97.138L101.38 80.09l13.8 13.8l-48.706 12.176l27.6 27.6l32.064-7.712l-8.117 31.658l27.6 27.6l12.176-48.705l14.205 14.206z"/></svg>
</template>

CSS

.icon-emmet {
  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%3Ccircle%20cx%3D%22127.555%22%20cy%3D%22128.184%22%20r%3D%22127.555%22%20fill%3D%22%231c1c20%22%2F%3E%3Cpath%20fill%3D%22%23baffa9%22%20d%3D%22m178.496%20124.737l-14.205-14.205l7.306-30.035l-30.441%206.9l-13.8-13.8l68.187-17.047z%22%2F%3E%3Cpath%20fill%3D%22%237acb16%22%20d%3D%22M154.956%20218.901L33.192%2097.138L101.38%2080.09l13.8%2013.8l-48.706%2012.176l27.6%2027.6l32.064-7.712l-8.117%2031.658l27.6%2027.6l12.176-48.705l14.205%2014.206z%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%20256%20256%22%3E%3Ccircle%20cx%3D%22127.555%22%20cy%3D%22128.184%22%20r%3D%22127.555%22%20fill%3D%22%231c1c20%22%2F%3E%3Cpath%20fill%3D%22%23baffa9%22%20d%3D%22m178.496%20124.737l-14.205-14.205l7.306-30.035l-30.441%206.9l-13.8-13.8l68.187-17.047z%22%2F%3E%3Cpath%20fill%3D%22%237acb16%22%20d%3D%22M154.956%20218.901L33.192%2097.138L101.38%2080.09l13.8%2013.8l-48.706%2012.176l27.6%2027.6l32.064-7.712l-8.117%2031.658l27.6%2027.6l12.176-48.705l14.205%2014.206z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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