elm logo

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

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

The same logo in other sets

elmCatppuccin IconselmDeviconelmMaterial Icon ThemeelmSimple Icons

Related icons in SVG Logos

elm-classic

Use the elm logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="#1293d8"><path d="m8.529 256l119.399-119.399L247.327 256zM0 8.673l119.399 119.399L0 247.471z"/><path fill-opacity=".75" d="M136.595 0H256v119.405z"/><path d="m136.456 128.072l55.436 55.436l55.435-55.436l-55.435-55.435z"/><path fill-opacity=".75" d="M8.529.144h110.87l52.024 52.024H60.553zm174.834 63.964l-55.435 55.436l-55.436-55.436zm72.493 183.363l-55.436-55.435l55.436-55.435z"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosElm(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="#1293d8"><path d="m8.529 256l119.399-119.399L247.327 256zM0 8.673l119.399 119.399L0 247.471z"/><path fillOpacity=".75" d="M136.595 0H256v119.405z"/><path d="m136.456 128.072l55.436 55.436l55.435-55.436l-55.435-55.435z"/><path fillOpacity=".75" d="M8.529.144h110.87l52.024 52.024H60.553zm174.834 63.964l-55.435 55.436l-55.436-55.436zm72.493 183.363l-55.436-55.435l55.436-55.435z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="#1293d8"><path d="m8.529 256l119.399-119.399L247.327 256zM0 8.673l119.399 119.399L0 247.471z"/><path fill-opacity=".75" d="M136.595 0H256v119.405z"/><path d="m136.456 128.072l55.436 55.436l55.435-55.436l-55.435-55.435z"/><path fill-opacity=".75" d="M8.529.144h110.87l52.024 52.024H60.553zm174.834 63.964l-55.435 55.436l-55.436-55.436zm72.493 183.363l-55.436-55.435l55.436-55.435z"/></g></svg>
</template>

CSS

.icon-elm {
  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%22%231293d8%22%3E%3Cpath%20d%3D%22m8.529%20256l119.399-119.399L247.327%20256zM0%208.673l119.399%20119.399L0%20247.471z%22%2F%3E%3Cpath%20fill-opacity%3D%22.75%22%20d%3D%22M136.595%200H256v119.405z%22%2F%3E%3Cpath%20d%3D%22m136.456%20128.072l55.436%2055.436l55.435-55.436l-55.435-55.435z%22%2F%3E%3Cpath%20fill-opacity%3D%22.75%22%20d%3D%22M8.529.144h110.87l52.024%2052.024H60.553zm174.834%2063.964l-55.435%2055.436l-55.436-55.436zm72.493%20183.363l-55.436-55.435l55.436-55.435z%22%2F%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%22%231293d8%22%3E%3Cpath%20d%3D%22m8.529%20256l119.399-119.399L247.327%20256zM0%208.673l119.399%20119.399L0%20247.471z%22%2F%3E%3Cpath%20fill-opacity%3D%22.75%22%20d%3D%22M136.595%200H256v119.405z%22%2F%3E%3Cpath%20d%3D%22m136.456%20128.072l55.436%2055.436l55.435-55.436l-55.435-55.435z%22%2F%3E%3Cpath%20fill-opacity%3D%22.75%22%20d%3D%22M8.529.144h110.87l52.024%2052.024H60.553zm174.834%2063.964l-55.435%2055.436l-55.436-55.436zm72.493%20183.363l-55.436-55.435l55.436-55.435z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Elm logo — SVG Logos · IconsDB