sap logo
sap from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- sap
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×254
- License
- CC0
The same logo in other sets
Use the sap logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 254"><defs><linearGradient id="SVGG66mF8Jd" x1="50%" x2="50%" y1="0%" y2="100.002%"><stop offset="0%" stop-color="#00aeef"/><stop offset="21.2%" stop-color="#0097dc"/><stop offset="51.9%" stop-color="#007cc5"/><stop offset="79.2%" stop-color="#006cb8"/><stop offset="100%" stop-color="#0066b3"/></linearGradient></defs><path fill="url(#SVGG66mF8Jd)" d="M0 253.281h258.764L512 0H0z"/><path fill="#fff" d="M303.848 50.656H253.28l.17 118.93l-44.032-118.975h-43.66l-37.587 99.36c-3.996-25.283-30.135-34.007-50.702-40.542c-13.581-4.362-27.996-10.779-27.85-17.87c.113-5.82 7.712-11.218 22.813-10.413c10.131.546 19.08 1.362 36.883 9.962l17.505-30.506c-16.233-8.263-38.679-13.48-57.084-13.497h-.113c-21.461 0-39.331 6.95-50.408 18.405C11.493 73.502 7.328 83.667 7.16 94.907c-.282 15.467 5.386 26.432 17.296 35.195c10.064 7.374 22.936 12.158 34.277 15.67c13.987 4.334 25.413 8.105 25.272 16.131c-.112 2.927-1.216 5.662-3.32 7.869c-3.49 3.602-8.837 4.953-16.239 5.1c-14.28.303-24.86-1.943-41.724-11.91l-15.574 30.9c16.846 9.58 34.728 14.386 55.047 14.386l4.57-.034c17.685-.32 32.037-4.559 43.44-13.733c.654-.524 1.239-1.053 1.847-1.588l-1.914 9.862l42.664-.135l7.655-19.599c8.048 2.747 17.2 4.267 26.915 4.267c9.467 0 18.371-1.441 26.268-4.03l5.336 19.362l76.547.073l.186-44.68h16.289c39.371 0 62.645-20.037 62.645-53.639c-.013-37.423-22.638-53.723-70.795-53.723zM187.372 152.318c-5.882 0-11.398-1.025-16.142-2.826l15.962-50.403h.31l15.703 50.544c-4.728 1.689-10.115 2.685-15.839 2.685zm119.436-28.959h-11.11V82.74h11.116c14.803 0 26.623 4.93 26.623 20.048c-.013 15.647-11.82 20.572-26.623 20.572"/></svg>
React
import type { SVGProps } from "react";
export function LogosSap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 254"><defs><linearGradient id="SVGG66mF8Jd" x1="50%" x2="50%" y1="0%" y2="100.002%"><stop offset="0%" stopColor="#00aeef"/><stop offset="21.2%" stopColor="#0097dc"/><stop offset="51.9%" stopColor="#007cc5"/><stop offset="79.2%" stopColor="#006cb8"/><stop offset="100%" stopColor="#0066b3"/></linearGradient></defs><path fill="url(#SVGG66mF8Jd)" d="M0 253.281h258.764L512 0H0z"/><path fill="#fff" d="M303.848 50.656H253.28l.17 118.93l-44.032-118.975h-43.66l-37.587 99.36c-3.996-25.283-30.135-34.007-50.702-40.542c-13.581-4.362-27.996-10.779-27.85-17.87c.113-5.82 7.712-11.218 22.813-10.413c10.131.546 19.08 1.362 36.883 9.962l17.505-30.506c-16.233-8.263-38.679-13.48-57.084-13.497h-.113c-21.461 0-39.331 6.95-50.408 18.405C11.493 73.502 7.328 83.667 7.16 94.907c-.282 15.467 5.386 26.432 17.296 35.195c10.064 7.374 22.936 12.158 34.277 15.67c13.987 4.334 25.413 8.105 25.272 16.131c-.112 2.927-1.216 5.662-3.32 7.869c-3.49 3.602-8.837 4.953-16.239 5.1c-14.28.303-24.86-1.943-41.724-11.91l-15.574 30.9c16.846 9.58 34.728 14.386 55.047 14.386l4.57-.034c17.685-.32 32.037-4.559 43.44-13.733c.654-.524 1.239-1.053 1.847-1.588l-1.914 9.862l42.664-.135l7.655-19.599c8.048 2.747 17.2 4.267 26.915 4.267c9.467 0 18.371-1.441 26.268-4.03l5.336 19.362l76.547.073l.186-44.68h16.289c39.371 0 62.645-20.037 62.645-53.639c-.013-37.423-22.638-53.723-70.795-53.723zM187.372 152.318c-5.882 0-11.398-1.025-16.142-2.826l15.962-50.403h.31l15.703 50.544c-4.728 1.689-10.115 2.685-15.839 2.685zm119.436-28.959h-11.11V82.74h11.116c14.803 0 26.623 4.93 26.623 20.048c-.013 15.647-11.82 20.572-26.623 20.572"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 254"><defs><linearGradient id="SVGG66mF8Jd" x1="50%" x2="50%" y1="0%" y2="100.002%"><stop offset="0%" stop-color="#00aeef"/><stop offset="21.2%" stop-color="#0097dc"/><stop offset="51.9%" stop-color="#007cc5"/><stop offset="79.2%" stop-color="#006cb8"/><stop offset="100%" stop-color="#0066b3"/></linearGradient></defs><path fill="url(#SVGG66mF8Jd)" d="M0 253.281h258.764L512 0H0z"/><path fill="#fff" d="M303.848 50.656H253.28l.17 118.93l-44.032-118.975h-43.66l-37.587 99.36c-3.996-25.283-30.135-34.007-50.702-40.542c-13.581-4.362-27.996-10.779-27.85-17.87c.113-5.82 7.712-11.218 22.813-10.413c10.131.546 19.08 1.362 36.883 9.962l17.505-30.506c-16.233-8.263-38.679-13.48-57.084-13.497h-.113c-21.461 0-39.331 6.95-50.408 18.405C11.493 73.502 7.328 83.667 7.16 94.907c-.282 15.467 5.386 26.432 17.296 35.195c10.064 7.374 22.936 12.158 34.277 15.67c13.987 4.334 25.413 8.105 25.272 16.131c-.112 2.927-1.216 5.662-3.32 7.869c-3.49 3.602-8.837 4.953-16.239 5.1c-14.28.303-24.86-1.943-41.724-11.91l-15.574 30.9c16.846 9.58 34.728 14.386 55.047 14.386l4.57-.034c17.685-.32 32.037-4.559 43.44-13.733c.654-.524 1.239-1.053 1.847-1.588l-1.914 9.862l42.664-.135l7.655-19.599c8.048 2.747 17.2 4.267 26.915 4.267c9.467 0 18.371-1.441 26.268-4.03l5.336 19.362l76.547.073l.186-44.68h16.289c39.371 0 62.645-20.037 62.645-53.639c-.013-37.423-22.638-53.723-70.795-53.723zM187.372 152.318c-5.882 0-11.398-1.025-16.142-2.826l15.962-50.403h.31l15.703 50.544c-4.728 1.689-10.115 2.685-15.839 2.685zm119.436-28.959h-11.11V82.74h11.116c14.803 0 26.623 4.93 26.623 20.048c-.013 15.647-11.82 20.572-26.623 20.572"/></svg> </template>
CSS
.icon-sap {
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%20512%20254%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGG66mF8Jd%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100.002%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300aeef%22%2F%3E%3Cstop%20offset%3D%2221.2%25%22%20stop-color%3D%22%230097dc%22%2F%3E%3Cstop%20offset%3D%2251.9%25%22%20stop-color%3D%22%23007cc5%22%2F%3E%3Cstop%20offset%3D%2279.2%25%22%20stop-color%3D%22%23006cb8%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230066b3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGG66mF8Jd)%22%20d%3D%22M0%20253.281h258.764L512%200H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M303.848%2050.656H253.28l.17%20118.93l-44.032-118.975h-43.66l-37.587%2099.36c-3.996-25.283-30.135-34.007-50.702-40.542c-13.581-4.362-27.996-10.779-27.85-17.87c.113-5.82%207.712-11.218%2022.813-10.413c10.131.546%2019.08%201.362%2036.883%209.962l17.505-30.506c-16.233-8.263-38.679-13.48-57.084-13.497h-.113c-21.461%200-39.331%206.95-50.408%2018.405C11.493%2073.502%207.328%2083.667%207.16%2094.907c-.282%2015.467%205.386%2026.432%2017.296%2035.195c10.064%207.374%2022.936%2012.158%2034.277%2015.67c13.987%204.334%2025.413%208.105%2025.272%2016.131c-.112%202.927-1.216%205.662-3.32%207.869c-3.49%203.602-8.837%204.953-16.239%205.1c-14.28.303-24.86-1.943-41.724-11.91l-15.574%2030.9c16.846%209.58%2034.728%2014.386%2055.047%2014.386l4.57-.034c17.685-.32%2032.037-4.559%2043.44-13.733c.654-.524%201.239-1.053%201.847-1.588l-1.914%209.862l42.664-.135l7.655-19.599c8.048%202.747%2017.2%204.267%2026.915%204.267c9.467%200%2018.371-1.441%2026.268-4.03l5.336%2019.362l76.547.073l.186-44.68h16.289c39.371%200%2062.645-20.037%2062.645-53.639c-.013-37.423-22.638-53.723-70.795-53.723zM187.372%20152.318c-5.882%200-11.398-1.025-16.142-2.826l15.962-50.403h.31l15.703%2050.544c-4.728%201.689-10.115%202.685-15.839%202.685zm119.436-28.959h-11.11V82.74h11.116c14.803%200%2026.623%204.93%2026.623%2020.048c-.013%2015.647-11.82%2020.572-26.623%2020.572%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%20512%20254%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGG66mF8Jd%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100.002%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300aeef%22%2F%3E%3Cstop%20offset%3D%2221.2%25%22%20stop-color%3D%22%230097dc%22%2F%3E%3Cstop%20offset%3D%2251.9%25%22%20stop-color%3D%22%23007cc5%22%2F%3E%3Cstop%20offset%3D%2279.2%25%22%20stop-color%3D%22%23006cb8%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230066b3%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGG66mF8Jd)%22%20d%3D%22M0%20253.281h258.764L512%200H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M303.848%2050.656H253.28l.17%20118.93l-44.032-118.975h-43.66l-37.587%2099.36c-3.996-25.283-30.135-34.007-50.702-40.542c-13.581-4.362-27.996-10.779-27.85-17.87c.113-5.82%207.712-11.218%2022.813-10.413c10.131.546%2019.08%201.362%2036.883%209.962l17.505-30.506c-16.233-8.263-38.679-13.48-57.084-13.497h-.113c-21.461%200-39.331%206.95-50.408%2018.405C11.493%2073.502%207.328%2083.667%207.16%2094.907c-.282%2015.467%205.386%2026.432%2017.296%2035.195c10.064%207.374%2022.936%2012.158%2034.277%2015.67c13.987%204.334%2025.413%208.105%2025.272%2016.131c-.112%202.927-1.216%205.662-3.32%207.869c-3.49%203.602-8.837%204.953-16.239%205.1c-14.28.303-24.86-1.943-41.724-11.91l-15.574%2030.9c16.846%209.58%2034.728%2014.386%2055.047%2014.386l4.57-.034c17.685-.32%2032.037-4.559%2043.44-13.733c.654-.524%201.239-1.053%201.847-1.588l-1.914%209.862l42.664-.135l7.655-19.599c8.048%202.747%2017.2%204.267%2026.915%204.267c9.467%200%2018.371-1.441%2026.268-4.03l5.336%2019.362l76.547.073l.186-44.68h16.289c39.371%200%2062.645-20.037%2062.645-53.639c-.013-37.423-22.638-53.723-70.795-53.723zM187.372%20152.318c-5.882%200-11.398-1.025-16.142-2.826l15.962-50.403h.31l15.703%2050.544c-4.728%201.689-10.115%202.685-15.839%202.685zm119.436-28.959h-11.11V82.74h11.116c14.803%200%2026.623%204.93%2026.623%2020.048c-.013%2015.647-11.82%2020.572-26.623%2020.572%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/sap.svg?color=%231a73e8&size=48
