xd logo

xd from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.

Name
xd
Set
Skill Icons
Style
Default
Viewbox
256×256
License
MIT

The same logo in other sets

xdDeviconxdTabler Icons

Use the xd logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#470137" rx="60"/><path fill="#ff61f6" d="m134.239 80.215l-30 49.5l32 52.5c.2.4.3.8.2 1.2s-.5.1-1.1.2h-22.9c-1.6 0-2.7-.1-3.4-1.1c-2.1-4.2-4.3-8.3-6.4-12.5c-2.1-4.1-4.4-8.3-6.8-12.6s-4.8-8.6-7.2-13h-.2c-2.1 4.3-4.4 8.6-6.7 12.9s-4.6 8.6-6.8 12.8c-2.3 4.2-4.6 8.5-6.9 12.6c-.4 1-1.2 1.1-2.3 1.1h-22c-.4 0-.7.2-.7-.3c-.1-.4 0-.8.2-1.1l31.1-51l-30.3-51.3c-.3-.4-.4-.8-.2-1c.2-.3.6-.4 1-.4h22.7c.5 0 1 .1 1.4.2c.4.2.7.5 1 .9c1.9 4.3 4.1 8.6 6.4 12.9c2.4 4.3 4.7 8.5 7.2 12.7c2.4 4.2 4.6 8.4 6.7 12.7h.2c2.1-4.4 4.3-8.7 6.5-12.9s4.5-8.4 6.8-12.6s4.5-8.5 6.7-12.6c.1-.4.3-.8.6-1c.4-.2.8-.3 1.3-.2h21.1c.5-.1 1 .2 1.1.7c.1.1-.1.5-.3.7m46.2 105.501c-7.4.1-14.8-1.4-21.5-4.5c-6.3-2.9-11.5-7.7-15.1-13.6c-3.7-6.1-5.5-13.7-5.5-22.8c-.1-7.4 1.8-14.7 5.5-21.1c3.8-6.5 9.3-11.9 15.9-15.5c7-3.9 15.4-5.8 25.3-5.8c.5 0 1.2 0 2.1.1s1.9.1 3.1.2v-31.6c0-.7.3-1.1 1-1.1h20.3c.5-.1.9.3 1 .7v95.4c0 1.8.1 3.8.2 6c.2 2.1.3 4.1.4 5.8c0 .7-.3 1.3-1 1.6c-5.2 2.2-10.7 3.8-16.3 4.8c-5.1.9-10.2 1.4-15.4 1.4m9.8-20v-44c-.9-.2-1.8-.4-2.7-.5c-1.1-.1-2.2-.2-3.3-.2c-3.9 0-7.8.8-11.3 2.6c-3.4 1.7-6.3 4.2-8.5 7.4s-3.3 7.5-3.3 12.7c-.1 3.5.5 7 1.7 10.3c1 2.7 2.5 5.1 4.5 7.1c1.9 1.8 4.2 3.2 6.8 4c2.7.9 5.5 1.3 8.3 1.3c1.5 0 2.9-.1 4.2-.2c1.3.1 2.4-.1 3.6-.5"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsXd(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#470137" rx="60"/><path fill="#ff61f6" d="m134.239 80.215l-30 49.5l32 52.5c.2.4.3.8.2 1.2s-.5.1-1.1.2h-22.9c-1.6 0-2.7-.1-3.4-1.1c-2.1-4.2-4.3-8.3-6.4-12.5c-2.1-4.1-4.4-8.3-6.8-12.6s-4.8-8.6-7.2-13h-.2c-2.1 4.3-4.4 8.6-6.7 12.9s-4.6 8.6-6.8 12.8c-2.3 4.2-4.6 8.5-6.9 12.6c-.4 1-1.2 1.1-2.3 1.1h-22c-.4 0-.7.2-.7-.3c-.1-.4 0-.8.2-1.1l31.1-51l-30.3-51.3c-.3-.4-.4-.8-.2-1c.2-.3.6-.4 1-.4h22.7c.5 0 1 .1 1.4.2c.4.2.7.5 1 .9c1.9 4.3 4.1 8.6 6.4 12.9c2.4 4.3 4.7 8.5 7.2 12.7c2.4 4.2 4.6 8.4 6.7 12.7h.2c2.1-4.4 4.3-8.7 6.5-12.9s4.5-8.4 6.8-12.6s4.5-8.5 6.7-12.6c.1-.4.3-.8.6-1c.4-.2.8-.3 1.3-.2h21.1c.5-.1 1 .2 1.1.7c.1.1-.1.5-.3.7m46.2 105.501c-7.4.1-14.8-1.4-21.5-4.5c-6.3-2.9-11.5-7.7-15.1-13.6c-3.7-6.1-5.5-13.7-5.5-22.8c-.1-7.4 1.8-14.7 5.5-21.1c3.8-6.5 9.3-11.9 15.9-15.5c7-3.9 15.4-5.8 25.3-5.8c.5 0 1.2 0 2.1.1s1.9.1 3.1.2v-31.6c0-.7.3-1.1 1-1.1h20.3c.5-.1.9.3 1 .7v95.4c0 1.8.1 3.8.2 6c.2 2.1.3 4.1.4 5.8c0 .7-.3 1.3-1 1.6c-5.2 2.2-10.7 3.8-16.3 4.8c-5.1.9-10.2 1.4-15.4 1.4m9.8-20v-44c-.9-.2-1.8-.4-2.7-.5c-1.1-.1-2.2-.2-3.3-.2c-3.9 0-7.8.8-11.3 2.6c-3.4 1.7-6.3 4.2-8.5 7.4s-3.3 7.5-3.3 12.7c-.1 3.5.5 7 1.7 10.3c1 2.7 2.5 5.1 4.5 7.1c1.9 1.8 4.2 3.2 6.8 4c2.7.9 5.5 1.3 8.3 1.3c1.5 0 2.9-.1 4.2-.2c1.3.1 2.4-.1 3.6-.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#470137" rx="60"/><path fill="#ff61f6" d="m134.239 80.215l-30 49.5l32 52.5c.2.4.3.8.2 1.2s-.5.1-1.1.2h-22.9c-1.6 0-2.7-.1-3.4-1.1c-2.1-4.2-4.3-8.3-6.4-12.5c-2.1-4.1-4.4-8.3-6.8-12.6s-4.8-8.6-7.2-13h-.2c-2.1 4.3-4.4 8.6-6.7 12.9s-4.6 8.6-6.8 12.8c-2.3 4.2-4.6 8.5-6.9 12.6c-.4 1-1.2 1.1-2.3 1.1h-22c-.4 0-.7.2-.7-.3c-.1-.4 0-.8.2-1.1l31.1-51l-30.3-51.3c-.3-.4-.4-.8-.2-1c.2-.3.6-.4 1-.4h22.7c.5 0 1 .1 1.4.2c.4.2.7.5 1 .9c1.9 4.3 4.1 8.6 6.4 12.9c2.4 4.3 4.7 8.5 7.2 12.7c2.4 4.2 4.6 8.4 6.7 12.7h.2c2.1-4.4 4.3-8.7 6.5-12.9s4.5-8.4 6.8-12.6s4.5-8.5 6.7-12.6c.1-.4.3-.8.6-1c.4-.2.8-.3 1.3-.2h21.1c.5-.1 1 .2 1.1.7c.1.1-.1.5-.3.7m46.2 105.501c-7.4.1-14.8-1.4-21.5-4.5c-6.3-2.9-11.5-7.7-15.1-13.6c-3.7-6.1-5.5-13.7-5.5-22.8c-.1-7.4 1.8-14.7 5.5-21.1c3.8-6.5 9.3-11.9 15.9-15.5c7-3.9 15.4-5.8 25.3-5.8c.5 0 1.2 0 2.1.1s1.9.1 3.1.2v-31.6c0-.7.3-1.1 1-1.1h20.3c.5-.1.9.3 1 .7v95.4c0 1.8.1 3.8.2 6c.2 2.1.3 4.1.4 5.8c0 .7-.3 1.3-1 1.6c-5.2 2.2-10.7 3.8-16.3 4.8c-5.1.9-10.2 1.4-15.4 1.4m9.8-20v-44c-.9-.2-1.8-.4-2.7-.5c-1.1-.1-2.2-.2-3.3-.2c-3.9 0-7.8.8-11.3 2.6c-3.4 1.7-6.3 4.2-8.5 7.4s-3.3 7.5-3.3 12.7c-.1 3.5.5 7 1.7 10.3c1 2.7 2.5 5.1 4.5 7.1c1.9 1.8 4.2 3.2 6.8 4c2.7.9 5.5 1.3 8.3 1.3c1.5 0 2.9-.1 4.2-.2c1.3.1 2.4-.1 3.6-.5"/></g></svg>
</template>

CSS

.icon-xd {
  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%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23470137%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23ff61f6%22%20d%3D%22m134.239%2080.215l-30%2049.5l32%2052.5c.2.4.3.8.2%201.2s-.5.1-1.1.2h-22.9c-1.6%200-2.7-.1-3.4-1.1c-2.1-4.2-4.3-8.3-6.4-12.5c-2.1-4.1-4.4-8.3-6.8-12.6s-4.8-8.6-7.2-13h-.2c-2.1%204.3-4.4%208.6-6.7%2012.9s-4.6%208.6-6.8%2012.8c-2.3%204.2-4.6%208.5-6.9%2012.6c-.4%201-1.2%201.1-2.3%201.1h-22c-.4%200-.7.2-.7-.3c-.1-.4%200-.8.2-1.1l31.1-51l-30.3-51.3c-.3-.4-.4-.8-.2-1c.2-.3.6-.4%201-.4h22.7c.5%200%201%20.1%201.4.2c.4.2.7.5%201%20.9c1.9%204.3%204.1%208.6%206.4%2012.9c2.4%204.3%204.7%208.5%207.2%2012.7c2.4%204.2%204.6%208.4%206.7%2012.7h.2c2.1-4.4%204.3-8.7%206.5-12.9s4.5-8.4%206.8-12.6s4.5-8.5%206.7-12.6c.1-.4.3-.8.6-1c.4-.2.8-.3%201.3-.2h21.1c.5-.1%201%20.2%201.1.7c.1.1-.1.5-.3.7m46.2%20105.501c-7.4.1-14.8-1.4-21.5-4.5c-6.3-2.9-11.5-7.7-15.1-13.6c-3.7-6.1-5.5-13.7-5.5-22.8c-.1-7.4%201.8-14.7%205.5-21.1c3.8-6.5%209.3-11.9%2015.9-15.5c7-3.9%2015.4-5.8%2025.3-5.8c.5%200%201.2%200%202.1.1s1.9.1%203.1.2v-31.6c0-.7.3-1.1%201-1.1h20.3c.5-.1.9.3%201%20.7v95.4c0%201.8.1%203.8.2%206c.2%202.1.3%204.1.4%205.8c0%20.7-.3%201.3-1%201.6c-5.2%202.2-10.7%203.8-16.3%204.8c-5.1.9-10.2%201.4-15.4%201.4m9.8-20v-44c-.9-.2-1.8-.4-2.7-.5c-1.1-.1-2.2-.2-3.3-.2c-3.9%200-7.8.8-11.3%202.6c-3.4%201.7-6.3%204.2-8.5%207.4s-3.3%207.5-3.3%2012.7c-.1%203.5.5%207%201.7%2010.3c1%202.7%202.5%205.1%204.5%207.1c1.9%201.8%204.2%203.2%206.8%204c2.7.9%205.5%201.3%208.3%201.3c1.5%200%202.9-.1%204.2-.2c1.3.1%202.4-.1%203.6-.5%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%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23470137%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23ff61f6%22%20d%3D%22m134.239%2080.215l-30%2049.5l32%2052.5c.2.4.3.8.2%201.2s-.5.1-1.1.2h-22.9c-1.6%200-2.7-.1-3.4-1.1c-2.1-4.2-4.3-8.3-6.4-12.5c-2.1-4.1-4.4-8.3-6.8-12.6s-4.8-8.6-7.2-13h-.2c-2.1%204.3-4.4%208.6-6.7%2012.9s-4.6%208.6-6.8%2012.8c-2.3%204.2-4.6%208.5-6.9%2012.6c-.4%201-1.2%201.1-2.3%201.1h-22c-.4%200-.7.2-.7-.3c-.1-.4%200-.8.2-1.1l31.1-51l-30.3-51.3c-.3-.4-.4-.8-.2-1c.2-.3.6-.4%201-.4h22.7c.5%200%201%20.1%201.4.2c.4.2.7.5%201%20.9c1.9%204.3%204.1%208.6%206.4%2012.9c2.4%204.3%204.7%208.5%207.2%2012.7c2.4%204.2%204.6%208.4%206.7%2012.7h.2c2.1-4.4%204.3-8.7%206.5-12.9s4.5-8.4%206.8-12.6s4.5-8.5%206.7-12.6c.1-.4.3-.8.6-1c.4-.2.8-.3%201.3-.2h21.1c.5-.1%201%20.2%201.1.7c.1.1-.1.5-.3.7m46.2%20105.501c-7.4.1-14.8-1.4-21.5-4.5c-6.3-2.9-11.5-7.7-15.1-13.6c-3.7-6.1-5.5-13.7-5.5-22.8c-.1-7.4%201.8-14.7%205.5-21.1c3.8-6.5%209.3-11.9%2015.9-15.5c7-3.9%2015.4-5.8%2025.3-5.8c.5%200%201.2%200%202.1.1s1.9.1%203.1.2v-31.6c0-.7.3-1.1%201-1.1h20.3c.5-.1.9.3%201%20.7v95.4c0%201.8.1%203.8.2%206c.2%202.1.3%204.1.4%205.8c0%20.7-.3%201.3-1%201.6c-5.2%202.2-10.7%203.8-16.3%204.8c-5.1.9-10.2%201.4-15.4%201.4m9.8-20v-44c-.9-.2-1.8-.4-2.7-.5c-1.1-.1-2.2-.2-3.3-.2c-3.9%200-7.8.8-11.3%202.6c-3.4%201.7-6.3%204.2-8.5%207.4s-3.3%207.5-3.3%2012.7c-.1%203.5.5%207%201.7%2010.3c1%202.7%202.5%205.1%204.5%207.1c1.9%201.8%204.2%203.2%206.8%204c2.7.9%205.5%201.3%208.3%201.3c1.5%200%202.9-.1%204.2-.2c1.3.1%202.4-.1%203.6-.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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