decentraland logo

decentraland from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
decentraland
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the decentraland logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.925 18.978h3.134L16.925 15.2ZM8.418 9.555v6.623h5.507ZM12.044 0C5.418 0 0 5.333 0 11.956c0 1.466.269 2.888.761 4.177l4.657-5.555l2.686-3.245l6.537 7.822l1.88-2.266l4.926 5.866h.403c1.388-1.955 2.149-4.31 2.149-6.844C24.089 5.333 18.67 0 12.044 0M8.06 6.267c-.94 0-1.656-.756-1.656-1.645s.76-1.644 1.656-1.644c.94 0 1.657.755 1.657 1.644c0 .89-.716 1.645-1.657 1.645m8.731 5.377a3.294 3.294 0 0 1-3.313-3.288a3.294 3.294 0 0 1 3.313-3.29a3.294 3.294 0 0 1 3.314 3.29c.044 1.822-1.478 3.288-3.314 3.288m-3.985 5.734H1.165c.268.533.581 1.022.895 1.51h9.447Zm-8.327 4.044h14.999c.492-.4 1.03-.889 1.343-1.244H3.134c.448.444.896.889 1.343 1.244M12.044 24c1.97 0 3.851-.445 5.508-1.29H6.537c1.657.845 3.493 1.29 5.507 1.29"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsDecentraland(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.925 18.978h3.134L16.925 15.2ZM8.418 9.555v6.623h5.507ZM12.044 0C5.418 0 0 5.333 0 11.956c0 1.466.269 2.888.761 4.177l4.657-5.555l2.686-3.245l6.537 7.822l1.88-2.266l4.926 5.866h.403c1.388-1.955 2.149-4.31 2.149-6.844C24.089 5.333 18.67 0 12.044 0M8.06 6.267c-.94 0-1.656-.756-1.656-1.645s.76-1.644 1.656-1.644c.94 0 1.657.755 1.657 1.644c0 .89-.716 1.645-1.657 1.645m8.731 5.377a3.294 3.294 0 0 1-3.313-3.288a3.294 3.294 0 0 1 3.313-3.29a3.294 3.294 0 0 1 3.314 3.29c.044 1.822-1.478 3.288-3.314 3.288m-3.985 5.734H1.165c.268.533.581 1.022.895 1.51h9.447Zm-8.327 4.044h14.999c.492-.4 1.03-.889 1.343-1.244H3.134c.448.444.896.889 1.343 1.244M12.044 24c1.97 0 3.851-.445 5.508-1.29H6.537c1.657.845 3.493 1.29 5.507 1.29"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.925 18.978h3.134L16.925 15.2ZM8.418 9.555v6.623h5.507ZM12.044 0C5.418 0 0 5.333 0 11.956c0 1.466.269 2.888.761 4.177l4.657-5.555l2.686-3.245l6.537 7.822l1.88-2.266l4.926 5.866h.403c1.388-1.955 2.149-4.31 2.149-6.844C24.089 5.333 18.67 0 12.044 0M8.06 6.267c-.94 0-1.656-.756-1.656-1.645s.76-1.644 1.656-1.644c.94 0 1.657.755 1.657 1.644c0 .89-.716 1.645-1.657 1.645m8.731 5.377a3.294 3.294 0 0 1-3.313-3.288a3.294 3.294 0 0 1 3.313-3.29a3.294 3.294 0 0 1 3.314 3.29c.044 1.822-1.478 3.288-3.314 3.288m-3.985 5.734H1.165c.268.533.581 1.022.895 1.51h9.447Zm-8.327 4.044h14.999c.492-.4 1.03-.889 1.343-1.244H3.134c.448.444.896.889 1.343 1.244M12.044 24c1.97 0 3.851-.445 5.508-1.29H6.537c1.657.845 3.493 1.29 5.507 1.29"/></svg>
</template>

CSS

.icon-decentraland {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.925%2018.978h3.134L16.925%2015.2ZM8.418%209.555v6.623h5.507ZM12.044%200C5.418%200%200%205.333%200%2011.956c0%201.466.269%202.888.761%204.177l4.657-5.555l2.686-3.245l6.537%207.822l1.88-2.266l4.926%205.866h.403c1.388-1.955%202.149-4.31%202.149-6.844C24.089%205.333%2018.67%200%2012.044%200M8.06%206.267c-.94%200-1.656-.756-1.656-1.645s.76-1.644%201.656-1.644c.94%200%201.657.755%201.657%201.644c0%20.89-.716%201.645-1.657%201.645m8.731%205.377a3.294%203.294%200%200%201-3.313-3.288a3.294%203.294%200%200%201%203.313-3.29a3.294%203.294%200%200%201%203.314%203.29c.044%201.822-1.478%203.288-3.314%203.288m-3.985%205.734H1.165c.268.533.581%201.022.895%201.51h9.447Zm-8.327%204.044h14.999c.492-.4%201.03-.889%201.343-1.244H3.134c.448.444.896.889%201.343%201.244M12.044%2024c1.97%200%203.851-.445%205.508-1.29H6.537c1.657.845%203.493%201.29%205.507%201.29%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.925%2018.978h3.134L16.925%2015.2ZM8.418%209.555v6.623h5.507ZM12.044%200C5.418%200%200%205.333%200%2011.956c0%201.466.269%202.888.761%204.177l4.657-5.555l2.686-3.245l6.537%207.822l1.88-2.266l4.926%205.866h.403c1.388-1.955%202.149-4.31%202.149-6.844C24.089%205.333%2018.67%200%2012.044%200M8.06%206.267c-.94%200-1.656-.756-1.656-1.645s.76-1.644%201.656-1.644c.94%200%201.657.755%201.657%201.644c0%20.89-.716%201.645-1.657%201.645m8.731%205.377a3.294%203.294%200%200%201-3.313-3.288a3.294%203.294%200%200%201%203.313-3.29a3.294%203.294%200%200%201%203.314%203.29c.044%201.822-1.478%203.288-3.314%203.288m-3.985%205.734H1.165c.268.533.581%201.022.895%201.51h9.447Zm-8.327%204.044h14.999c.492-.4%201.03-.889%201.343-1.244H3.134c.448.444.896.889%201.343%201.244M12.044%2024c1.97%200%203.851-.445%205.508-1.29H6.537c1.657.845%203.493%201.29%205.507%201.29%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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