salesforce logo
salesforce from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- salesforce
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the salesforce logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#039be5" d="M18.206 6.522c-.681 0-1.275.204-1.858.399c-.681-1.177-1.956-1.956-3.328-1.956c-1.07 0-2.043.487-2.734 1.168c-.779-.973-1.956-1.664-3.318-1.664c-2.267 0-4.213 1.858-4.213 4.126c0 .574.204 1.157.399 1.741a3.58 3.58 0 0 0-1.859 3.124c0 1.946 1.567 3.62 3.523 3.62c.292 0 .583 0 .778-.098c.39 1.469 1.858 2.55 3.62 2.55c1.654 0 3.026-.984 3.512-2.356c.496.205.983.4 1.47.4c1.274 0 2.442-.71 3.025-1.762c.302.078.613.078.886.078c2.54 0 4.592-2.034 4.592-4.67c.098-2.627-1.946-4.7-4.495-4.7"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeSalesforce(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#039be5" d="M18.206 6.522c-.681 0-1.275.204-1.858.399c-.681-1.177-1.956-1.956-3.328-1.956c-1.07 0-2.043.487-2.734 1.168c-.779-.973-1.956-1.664-3.318-1.664c-2.267 0-4.213 1.858-4.213 4.126c0 .574.204 1.157.399 1.741a3.58 3.58 0 0 0-1.859 3.124c0 1.946 1.567 3.62 3.523 3.62c.292 0 .583 0 .778-.098c.39 1.469 1.858 2.55 3.62 2.55c1.654 0 3.026-.984 3.512-2.356c.496.205.983.4 1.47.4c1.274 0 2.442-.71 3.025-1.762c.302.078.613.078.886.078c2.54 0 4.592-2.034 4.592-4.67c.098-2.627-1.946-4.7-4.495-4.7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#039be5" d="M18.206 6.522c-.681 0-1.275.204-1.858.399c-.681-1.177-1.956-1.956-3.328-1.956c-1.07 0-2.043.487-2.734 1.168c-.779-.973-1.956-1.664-3.318-1.664c-2.267 0-4.213 1.858-4.213 4.126c0 .574.204 1.157.399 1.741a3.58 3.58 0 0 0-1.859 3.124c0 1.946 1.567 3.62 3.523 3.62c.292 0 .583 0 .778-.098c.39 1.469 1.858 2.55 3.62 2.55c1.654 0 3.026-.984 3.512-2.356c.496.205.983.4 1.47.4c1.274 0 2.442-.71 3.025-1.762c.302.078.613.078.886.078c2.54 0 4.592-2.034 4.592-4.67c.098-2.627-1.946-4.7-4.495-4.7"/></svg> </template>
CSS
.icon-salesforce {
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%22%23039be5%22%20d%3D%22M18.206%206.522c-.681%200-1.275.204-1.858.399c-.681-1.177-1.956-1.956-3.328-1.956c-1.07%200-2.043.487-2.734%201.168c-.779-.973-1.956-1.664-3.318-1.664c-2.267%200-4.213%201.858-4.213%204.126c0%20.574.204%201.157.399%201.741a3.58%203.58%200%200%200-1.859%203.124c0%201.946%201.567%203.62%203.523%203.62c.292%200%20.583%200%20.778-.098c.39%201.469%201.858%202.55%203.62%202.55c1.654%200%203.026-.984%203.512-2.356c.496.205.983.4%201.47.4c1.274%200%202.442-.71%203.025-1.762c.302.078.613.078.886.078c2.54%200%204.592-2.034%204.592-4.67c.098-2.627-1.946-4.7-4.495-4.7%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%22%23039be5%22%20d%3D%22M18.206%206.522c-.681%200-1.275.204-1.858.399c-.681-1.177-1.956-1.956-3.328-1.956c-1.07%200-2.043.487-2.734%201.168c-.779-.973-1.956-1.664-3.318-1.664c-2.267%200-4.213%201.858-4.213%204.126c0%20.574.204%201.157.399%201.741a3.58%203.58%200%200%200-1.859%203.124c0%201.946%201.567%203.62%203.523%203.62c.292%200%20.583%200%20.778-.098c.39%201.469%201.858%202.55%203.62%202.55c1.654%200%203.026-.984%203.512-2.356c.496.205.983.4%201.47.4c1.274%200%202.442-.71%203.025-1.762c.302.078.613.078.886.078c2.54%200%204.592-2.034%204.592-4.67c.098-2.627-1.946-4.7-4.495-4.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/salesforce.svg?color=%231a73e8&size=48
