xd logo
xd from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- xd
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the xd logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#470137" d="M22.667 1.6h82.666C117.867 1.6 128 11.733 128 24.267v79.466c0 12.534-10.133 22.667-22.667 22.667H22.667C10.133 126.4 0 116.267 0 103.733V24.267C0 11.733 10.133 1.6 22.667 1.6"/><path fill="#ff61f6" d="m67.307 34.4l-16 26.4l17.066 28c.107.213.16.427.107.64s-.267.053-.587.107H55.68c-.853 0-1.44-.054-1.813-.587c-1.12-2.24-2.294-4.427-3.414-6.667c-1.12-2.186-2.346-4.426-3.626-6.72s-2.56-4.586-3.84-6.933h-.107c-1.12 2.293-2.347 4.587-3.573 6.88a899 899 0 0 0-3.627 6.827c-1.227 2.24-2.453 4.533-3.68 6.72c-.213.533-.64.586-1.227.586H19.04c-.213 0-.373.107-.373-.16a.74.74 0 0 1 .106-.586l16.587-27.2l-16.16-27.36c-.16-.214-.213-.427-.107-.534c.107-.16.32-.213.534-.213h12.106c.267 0 .534.053.747.107c.213.106.373.266.533.48c1.014 2.293 2.187 4.586 3.414 6.88c1.28 2.293 2.506 4.533 3.84 6.773c1.28 2.24 2.453 4.48 3.573 6.773h.107c1.12-2.346 2.293-4.64 3.466-6.88s2.4-4.48 3.627-6.72s2.4-4.533 3.573-6.72c.054-.213.16-.426.32-.533c.214-.107.427-.16.694-.107H66.88a.49.49 0 0 1 .587.374c.053.053-.054.266-.16.373m24.64 56.267c-3.947.053-7.894-.747-11.467-2.4c-3.36-1.547-6.133-4.107-8.053-7.254c-1.974-3.253-2.934-7.306-2.934-12.16c-.053-3.946.96-7.84 2.934-11.253c2.026-3.467 4.96-6.347 8.48-8.267c3.733-2.08 8.213-3.093 13.493-3.093c.267 0 .64 0 1.12.053c.48.054 1.013.054 1.653.107V29.547c0-.374.16-.587.534-.587h10.826c.267-.053.48.16.534.373v50.88c0 .96.053 2.027.106 3.2c.107 1.12.16 2.187.214 3.094c0 .373-.16.693-.534.853a40.7 40.7 0 0 1-8.693 2.56c-2.72.48-5.44.747-8.213.747M97.173 80V56.533c-.48-.106-.96-.213-1.44-.266a19 19 0 0 0-1.76-.107c-2.08 0-4.16.427-6.026 1.387a11.96 11.96 0 0 0-4.534 3.946c-1.173 1.707-1.76 4-1.76 6.774a14.9 14.9 0 0 0 .907 5.493c.533 1.44 1.333 2.72 2.4 3.787a9.2 9.2 0 0 0 3.627 2.133c1.44.48 2.933.693 4.426.693c.8 0 1.547-.053 2.24-.106c.694.053 1.28-.054 1.92-.267"/></svg>
React
import type { SVGProps } from "react";
export function DeviconXd(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#470137" d="M22.667 1.6h82.666C117.867 1.6 128 11.733 128 24.267v79.466c0 12.534-10.133 22.667-22.667 22.667H22.667C10.133 126.4 0 116.267 0 103.733V24.267C0 11.733 10.133 1.6 22.667 1.6"/><path fill="#ff61f6" d="m67.307 34.4l-16 26.4l17.066 28c.107.213.16.427.107.64s-.267.053-.587.107H55.68c-.853 0-1.44-.054-1.813-.587c-1.12-2.24-2.294-4.427-3.414-6.667c-1.12-2.186-2.346-4.426-3.626-6.72s-2.56-4.586-3.84-6.933h-.107c-1.12 2.293-2.347 4.587-3.573 6.88a899 899 0 0 0-3.627 6.827c-1.227 2.24-2.453 4.533-3.68 6.72c-.213.533-.64.586-1.227.586H19.04c-.213 0-.373.107-.373-.16a.74.74 0 0 1 .106-.586l16.587-27.2l-16.16-27.36c-.16-.214-.213-.427-.107-.534c.107-.16.32-.213.534-.213h12.106c.267 0 .534.053.747.107c.213.106.373.266.533.48c1.014 2.293 2.187 4.586 3.414 6.88c1.28 2.293 2.506 4.533 3.84 6.773c1.28 2.24 2.453 4.48 3.573 6.773h.107c1.12-2.346 2.293-4.64 3.466-6.88s2.4-4.48 3.627-6.72s2.4-4.533 3.573-6.72c.054-.213.16-.426.32-.533c.214-.107.427-.16.694-.107H66.88a.49.49 0 0 1 .587.374c.053.053-.054.266-.16.373m24.64 56.267c-3.947.053-7.894-.747-11.467-2.4c-3.36-1.547-6.133-4.107-8.053-7.254c-1.974-3.253-2.934-7.306-2.934-12.16c-.053-3.946.96-7.84 2.934-11.253c2.026-3.467 4.96-6.347 8.48-8.267c3.733-2.08 8.213-3.093 13.493-3.093c.267 0 .64 0 1.12.053c.48.054 1.013.054 1.653.107V29.547c0-.374.16-.587.534-.587h10.826c.267-.053.48.16.534.373v50.88c0 .96.053 2.027.106 3.2c.107 1.12.16 2.187.214 3.094c0 .373-.16.693-.534.853a40.7 40.7 0 0 1-8.693 2.56c-2.72.48-5.44.747-8.213.747M97.173 80V56.533c-.48-.106-.96-.213-1.44-.266a19 19 0 0 0-1.76-.107c-2.08 0-4.16.427-6.026 1.387a11.96 11.96 0 0 0-4.534 3.946c-1.173 1.707-1.76 4-1.76 6.774a14.9 14.9 0 0 0 .907 5.493c.533 1.44 1.333 2.72 2.4 3.787a9.2 9.2 0 0 0 3.627 2.133c1.44.48 2.933.693 4.426.693c.8 0 1.547-.053 2.24-.106c.694.053 1.28-.054 1.92-.267"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#470137" d="M22.667 1.6h82.666C117.867 1.6 128 11.733 128 24.267v79.466c0 12.534-10.133 22.667-22.667 22.667H22.667C10.133 126.4 0 116.267 0 103.733V24.267C0 11.733 10.133 1.6 22.667 1.6"/><path fill="#ff61f6" d="m67.307 34.4l-16 26.4l17.066 28c.107.213.16.427.107.64s-.267.053-.587.107H55.68c-.853 0-1.44-.054-1.813-.587c-1.12-2.24-2.294-4.427-3.414-6.667c-1.12-2.186-2.346-4.426-3.626-6.72s-2.56-4.586-3.84-6.933h-.107c-1.12 2.293-2.347 4.587-3.573 6.88a899 899 0 0 0-3.627 6.827c-1.227 2.24-2.453 4.533-3.68 6.72c-.213.533-.64.586-1.227.586H19.04c-.213 0-.373.107-.373-.16a.74.74 0 0 1 .106-.586l16.587-27.2l-16.16-27.36c-.16-.214-.213-.427-.107-.534c.107-.16.32-.213.534-.213h12.106c.267 0 .534.053.747.107c.213.106.373.266.533.48c1.014 2.293 2.187 4.586 3.414 6.88c1.28 2.293 2.506 4.533 3.84 6.773c1.28 2.24 2.453 4.48 3.573 6.773h.107c1.12-2.346 2.293-4.64 3.466-6.88s2.4-4.48 3.627-6.72s2.4-4.533 3.573-6.72c.054-.213.16-.426.32-.533c.214-.107.427-.16.694-.107H66.88a.49.49 0 0 1 .587.374c.053.053-.054.266-.16.373m24.64 56.267c-3.947.053-7.894-.747-11.467-2.4c-3.36-1.547-6.133-4.107-8.053-7.254c-1.974-3.253-2.934-7.306-2.934-12.16c-.053-3.946.96-7.84 2.934-11.253c2.026-3.467 4.96-6.347 8.48-8.267c3.733-2.08 8.213-3.093 13.493-3.093c.267 0 .64 0 1.12.053c.48.054 1.013.054 1.653.107V29.547c0-.374.16-.587.534-.587h10.826c.267-.053.48.16.534.373v50.88c0 .96.053 2.027.106 3.2c.107 1.12.16 2.187.214 3.094c0 .373-.16.693-.534.853a40.7 40.7 0 0 1-8.693 2.56c-2.72.48-5.44.747-8.213.747M97.173 80V56.533c-.48-.106-.96-.213-1.44-.266a19 19 0 0 0-1.76-.107c-2.08 0-4.16.427-6.026 1.387a11.96 11.96 0 0 0-4.534 3.946c-1.173 1.707-1.76 4-1.76 6.774a14.9 14.9 0 0 0 .907 5.493c.533 1.44 1.333 2.72 2.4 3.787a9.2 9.2 0 0 0 3.627 2.133c1.44.48 2.933.693 4.426.693c.8 0 1.547-.053 2.24-.106c.694.053 1.28-.054 1.92-.267"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23470137%22%20d%3D%22M22.667%201.6h82.666C117.867%201.6%20128%2011.733%20128%2024.267v79.466c0%2012.534-10.133%2022.667-22.667%2022.667H22.667C10.133%20126.4%200%20116.267%200%20103.733V24.267C0%2011.733%2010.133%201.6%2022.667%201.6%22%2F%3E%3Cpath%20fill%3D%22%23ff61f6%22%20d%3D%22m67.307%2034.4l-16%2026.4l17.066%2028c.107.213.16.427.107.64s-.267.053-.587.107H55.68c-.853%200-1.44-.054-1.813-.587c-1.12-2.24-2.294-4.427-3.414-6.667c-1.12-2.186-2.346-4.426-3.626-6.72s-2.56-4.586-3.84-6.933h-.107c-1.12%202.293-2.347%204.587-3.573%206.88a899%20899%200%200%200-3.627%206.827c-1.227%202.24-2.453%204.533-3.68%206.72c-.213.533-.64.586-1.227.586H19.04c-.213%200-.373.107-.373-.16a.74.74%200%200%201%20.106-.586l16.587-27.2l-16.16-27.36c-.16-.214-.213-.427-.107-.534c.107-.16.32-.213.534-.213h12.106c.267%200%20.534.053.747.107c.213.106.373.266.533.48c1.014%202.293%202.187%204.586%203.414%206.88c1.28%202.293%202.506%204.533%203.84%206.773c1.28%202.24%202.453%204.48%203.573%206.773h.107c1.12-2.346%202.293-4.64%203.466-6.88s2.4-4.48%203.627-6.72s2.4-4.533%203.573-6.72c.054-.213.16-.426.32-.533c.214-.107.427-.16.694-.107H66.88a.49.49%200%200%201%20.587.374c.053.053-.054.266-.16.373m24.64%2056.267c-3.947.053-7.894-.747-11.467-2.4c-3.36-1.547-6.133-4.107-8.053-7.254c-1.974-3.253-2.934-7.306-2.934-12.16c-.053-3.946.96-7.84%202.934-11.253c2.026-3.467%204.96-6.347%208.48-8.267c3.733-2.08%208.213-3.093%2013.493-3.093c.267%200%20.64%200%201.12.053c.48.054%201.013.054%201.653.107V29.547c0-.374.16-.587.534-.587h10.826c.267-.053.48.16.534.373v50.88c0%20.96.053%202.027.106%203.2c.107%201.12.16%202.187.214%203.094c0%20.373-.16.693-.534.853a40.7%2040.7%200%200%201-8.693%202.56c-2.72.48-5.44.747-8.213.747M97.173%2080V56.533c-.48-.106-.96-.213-1.44-.266a19%2019%200%200%200-1.76-.107c-2.08%200-4.16.427-6.026%201.387a11.96%2011.96%200%200%200-4.534%203.946c-1.173%201.707-1.76%204-1.76%206.774a14.9%2014.9%200%200%200%20.907%205.493c.533%201.44%201.333%202.72%202.4%203.787a9.2%209.2%200%200%200%203.627%202.133c1.44.48%202.933.693%204.426.693c.8%200%201.547-.053%202.24-.106c.694.053%201.28-.054%201.92-.267%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%23470137%22%20d%3D%22M22.667%201.6h82.666C117.867%201.6%20128%2011.733%20128%2024.267v79.466c0%2012.534-10.133%2022.667-22.667%2022.667H22.667C10.133%20126.4%200%20116.267%200%20103.733V24.267C0%2011.733%2010.133%201.6%2022.667%201.6%22%2F%3E%3Cpath%20fill%3D%22%23ff61f6%22%20d%3D%22m67.307%2034.4l-16%2026.4l17.066%2028c.107.213.16.427.107.64s-.267.053-.587.107H55.68c-.853%200-1.44-.054-1.813-.587c-1.12-2.24-2.294-4.427-3.414-6.667c-1.12-2.186-2.346-4.426-3.626-6.72s-2.56-4.586-3.84-6.933h-.107c-1.12%202.293-2.347%204.587-3.573%206.88a899%20899%200%200%200-3.627%206.827c-1.227%202.24-2.453%204.533-3.68%206.72c-.213.533-.64.586-1.227.586H19.04c-.213%200-.373.107-.373-.16a.74.74%200%200%201%20.106-.586l16.587-27.2l-16.16-27.36c-.16-.214-.213-.427-.107-.534c.107-.16.32-.213.534-.213h12.106c.267%200%20.534.053.747.107c.213.106.373.266.533.48c1.014%202.293%202.187%204.586%203.414%206.88c1.28%202.293%202.506%204.533%203.84%206.773c1.28%202.24%202.453%204.48%203.573%206.773h.107c1.12-2.346%202.293-4.64%203.466-6.88s2.4-4.48%203.627-6.72s2.4-4.533%203.573-6.72c.054-.213.16-.426.32-.533c.214-.107.427-.16.694-.107H66.88a.49.49%200%200%201%20.587.374c.053.053-.054.266-.16.373m24.64%2056.267c-3.947.053-7.894-.747-11.467-2.4c-3.36-1.547-6.133-4.107-8.053-7.254c-1.974-3.253-2.934-7.306-2.934-12.16c-.053-3.946.96-7.84%202.934-11.253c2.026-3.467%204.96-6.347%208.48-8.267c3.733-2.08%208.213-3.093%2013.493-3.093c.267%200%20.64%200%201.12.053c.48.054%201.013.054%201.653.107V29.547c0-.374.16-.587.534-.587h10.826c.267-.053.48.16.534.373v50.88c0%20.96.053%202.027.106%203.2c.107%201.12.16%202.187.214%203.094c0%20.373-.16.693-.534.853a40.7%2040.7%200%200%201-8.693%202.56c-2.72.48-5.44.747-8.213.747M97.173%2080V56.533c-.48-.106-.96-.213-1.44-.266a19%2019%200%200%200-1.76-.107c-2.08%200-4.16.427-6.026%201.387a11.96%2011.96%200%200%200-4.534%203.946c-1.173%201.707-1.76%204-1.76%206.774a14.9%2014.9%200%200%200%20.907%205.493c.533%201.44%201.333%202.72%202.4%203.787a9.2%209.2%200%200%200%203.627%202.133c1.44.48%202.933.693%204.426.693c.8%200%201.547-.053%202.24-.106c.694.053%201.28-.054%201.92-.267%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/xd.svg?color=%231a73e8&size=48
