xamarin logo
xamarin from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- xamarin
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×228
- License
- CC0
The same logo in other sets
Use the xamarin logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#3498db" d="M73.866 0c-6.914.015-13.682 3.94-17.162 9.927L2.57 103.963c-3.427 6.003-3.427 13.85 0 19.853l54.134 94.037c3.48 5.987 10.248 9.913 17.162 9.927h108.268c6.914-.015 13.682-3.94 17.162-9.927l54.134-94.037c3.427-6.003 3.426-13.85 0-19.853L199.296 9.927C195.816 3.939 189.048.014 182.134 0zm.983 55.013c.149-.015.305-.015.454 0h18.674a2.46 2.46 0 0 1 2.042 1.212l31.679 56.452c.16.28.262.59.3.91c.04-.32.142-.63.302-.91l31.603-56.452a2.47 2.47 0 0 1 2.117-1.212h18.675c1.653.014 2.892 2.097 2.117 3.561l-30.923 55.316l30.923 55.24c.848 1.472-.42 3.651-2.117 3.637H162.02a2.47 2.47 0 0 1-2.117-1.288L128.3 115.026a2.4 2.4 0 0 1-.301-.909a2.4 2.4 0 0 1-.301.91l-31.68 56.452a2.47 2.47 0 0 1-2.04 1.288H75.302c-1.697.015-2.965-2.165-2.117-3.637l30.923-55.24l-30.923-55.316c-.741-1.336.163-3.276 1.663-3.561"/></svg>
React
import type { SVGProps } from "react";
export function LogosXamarin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#3498db" d="M73.866 0c-6.914.015-13.682 3.94-17.162 9.927L2.57 103.963c-3.427 6.003-3.427 13.85 0 19.853l54.134 94.037c3.48 5.987 10.248 9.913 17.162 9.927h108.268c6.914-.015 13.682-3.94 17.162-9.927l54.134-94.037c3.427-6.003 3.426-13.85 0-19.853L199.296 9.927C195.816 3.939 189.048.014 182.134 0zm.983 55.013c.149-.015.305-.015.454 0h18.674a2.46 2.46 0 0 1 2.042 1.212l31.679 56.452c.16.28.262.59.3.91c.04-.32.142-.63.302-.91l31.603-56.452a2.47 2.47 0 0 1 2.117-1.212h18.675c1.653.014 2.892 2.097 2.117 3.561l-30.923 55.316l30.923 55.24c.848 1.472-.42 3.651-2.117 3.637H162.02a2.47 2.47 0 0 1-2.117-1.288L128.3 115.026a2.4 2.4 0 0 1-.301-.909a2.4 2.4 0 0 1-.301.91l-31.68 56.452a2.47 2.47 0 0 1-2.04 1.288H75.302c-1.697.015-2.965-2.165-2.117-3.637l30.923-55.24l-30.923-55.316c-.741-1.336.163-3.276 1.663-3.561"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#3498db" d="M73.866 0c-6.914.015-13.682 3.94-17.162 9.927L2.57 103.963c-3.427 6.003-3.427 13.85 0 19.853l54.134 94.037c3.48 5.987 10.248 9.913 17.162 9.927h108.268c6.914-.015 13.682-3.94 17.162-9.927l54.134-94.037c3.427-6.003 3.426-13.85 0-19.853L199.296 9.927C195.816 3.939 189.048.014 182.134 0zm.983 55.013c.149-.015.305-.015.454 0h18.674a2.46 2.46 0 0 1 2.042 1.212l31.679 56.452c.16.28.262.59.3.91c.04-.32.142-.63.302-.91l31.603-56.452a2.47 2.47 0 0 1 2.117-1.212h18.675c1.653.014 2.892 2.097 2.117 3.561l-30.923 55.316l30.923 55.24c.848 1.472-.42 3.651-2.117 3.637H162.02a2.47 2.47 0 0 1-2.117-1.288L128.3 115.026a2.4 2.4 0 0 1-.301-.909a2.4 2.4 0 0 1-.301.91l-31.68 56.452a2.47 2.47 0 0 1-2.04 1.288H75.302c-1.697.015-2.965-2.165-2.117-3.637l30.923-55.24l-30.923-55.316c-.741-1.336.163-3.276 1.663-3.561"/></svg> </template>
CSS
.icon-xamarin {
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%20228%22%3E%3Cpath%20fill%3D%22%233498db%22%20d%3D%22M73.866%200c-6.914.015-13.682%203.94-17.162%209.927L2.57%20103.963c-3.427%206.003-3.427%2013.85%200%2019.853l54.134%2094.037c3.48%205.987%2010.248%209.913%2017.162%209.927h108.268c6.914-.015%2013.682-3.94%2017.162-9.927l54.134-94.037c3.427-6.003%203.426-13.85%200-19.853L199.296%209.927C195.816%203.939%20189.048.014%20182.134%200zm.983%2055.013c.149-.015.305-.015.454%200h18.674a2.46%202.46%200%200%201%202.042%201.212l31.679%2056.452c.16.28.262.59.3.91c.04-.32.142-.63.302-.91l31.603-56.452a2.47%202.47%200%200%201%202.117-1.212h18.675c1.653.014%202.892%202.097%202.117%203.561l-30.923%2055.316l30.923%2055.24c.848%201.472-.42%203.651-2.117%203.637H162.02a2.47%202.47%200%200%201-2.117-1.288L128.3%20115.026a2.4%202.4%200%200%201-.301-.909a2.4%202.4%200%200%201-.301.91l-31.68%2056.452a2.47%202.47%200%200%201-2.04%201.288H75.302c-1.697.015-2.965-2.165-2.117-3.637l30.923-55.24l-30.923-55.316c-.741-1.336.163-3.276%201.663-3.561%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%20228%22%3E%3Cpath%20fill%3D%22%233498db%22%20d%3D%22M73.866%200c-6.914.015-13.682%203.94-17.162%209.927L2.57%20103.963c-3.427%206.003-3.427%2013.85%200%2019.853l54.134%2094.037c3.48%205.987%2010.248%209.913%2017.162%209.927h108.268c6.914-.015%2013.682-3.94%2017.162-9.927l54.134-94.037c3.427-6.003%203.426-13.85%200-19.853L199.296%209.927C195.816%203.939%20189.048.014%20182.134%200zm.983%2055.013c.149-.015.305-.015.454%200h18.674a2.46%202.46%200%200%201%202.042%201.212l31.679%2056.452c.16.28.262.59.3.91c.04-.32.142-.63.302-.91l31.603-56.452a2.47%202.47%200%200%201%202.117-1.212h18.675c1.653.014%202.892%202.097%202.117%203.561l-30.923%2055.316l30.923%2055.24c.848%201.472-.42%203.651-2.117%203.637H162.02a2.47%202.47%200%200%201-2.117-1.288L128.3%20115.026a2.4%202.4%200%200%201-.301-.909a2.4%202.4%200%200%201-.301.91l-31.68%2056.452a2.47%202.47%200%200%201-2.04%201.288H75.302c-1.697.015-2.965-2.165-2.117-3.637l30.923-55.24l-30.923-55.316c-.741-1.336.163-3.276%201.663-3.561%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/xamarin.svg?color=%231a73e8&size=48
