salesforce logo
salesforce from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- salesforce
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
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 32 32"><path fill="currentColor" d="M13.339 7.219a5.62 5.62 0 0 1 4.063-1.74c2.078 0 3.938 1.203 4.917 2.943c.844-.401 1.802-.604 2.802-.604c3.802 0 6.88 3.12 6.88 6.964c0 3.839-3.083 6.958-6.901 6.958a7.3 7.3 0 0 1-1.359-.141a5 5 0 0 1-4.401 2.604a5.3 5.3 0 0 1-2.198-.5a5.76 5.76 0 0 1-5.302 3.495a5.74 5.74 0 0 1-5.401-3.755a5 5 0 0 1-1.099.099c-2.938 0-5.339-2.401-5.339-5.401c0-2 1.078-3.74 2.677-4.677A6.1 6.1 0 0 1 2.157 11c0-3.438 2.802-6.198 6.203-6.198c2.042 0 3.797.938 4.958 2.401z"/></svg>
React
import type { SVGProps } from "react";
export function CibSalesforce(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.339 7.219a5.62 5.62 0 0 1 4.063-1.74c2.078 0 3.938 1.203 4.917 2.943c.844-.401 1.802-.604 2.802-.604c3.802 0 6.88 3.12 6.88 6.964c0 3.839-3.083 6.958-6.901 6.958a7.3 7.3 0 0 1-1.359-.141a5 5 0 0 1-4.401 2.604a5.3 5.3 0 0 1-2.198-.5a5.76 5.76 0 0 1-5.302 3.495a5.74 5.74 0 0 1-5.401-3.755a5 5 0 0 1-1.099.099c-2.938 0-5.339-2.401-5.339-5.401c0-2 1.078-3.74 2.677-4.677A6.1 6.1 0 0 1 2.157 11c0-3.438 2.802-6.198 6.203-6.198c2.042 0 3.797.938 4.958 2.401z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13.339 7.219a5.62 5.62 0 0 1 4.063-1.74c2.078 0 3.938 1.203 4.917 2.943c.844-.401 1.802-.604 2.802-.604c3.802 0 6.88 3.12 6.88 6.964c0 3.839-3.083 6.958-6.901 6.958a7.3 7.3 0 0 1-1.359-.141a5 5 0 0 1-4.401 2.604a5.3 5.3 0 0 1-2.198-.5a5.76 5.76 0 0 1-5.302 3.495a5.74 5.74 0 0 1-5.401-3.755a5 5 0 0 1-1.099.099c-2.938 0-5.339-2.401-5.339-5.401c0-2 1.078-3.74 2.677-4.677A6.1 6.1 0 0 1 2.157 11c0-3.438 2.802-6.198 6.203-6.198c2.042 0 3.797.938 4.958 2.401z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.339%207.219a5.62%205.62%200%200%201%204.063-1.74c2.078%200%203.938%201.203%204.917%202.943c.844-.401%201.802-.604%202.802-.604c3.802%200%206.88%203.12%206.88%206.964c0%203.839-3.083%206.958-6.901%206.958a7.3%207.3%200%200%201-1.359-.141a5%205%200%200%201-4.401%202.604a5.3%205.3%200%200%201-2.198-.5a5.76%205.76%200%200%201-5.302%203.495a5.74%205.74%200%200%201-5.401-3.755a5%205%200%200%201-1.099.099c-2.938%200-5.339-2.401-5.339-5.401c0-2%201.078-3.74%202.677-4.677A6.1%206.1%200%200%201%202.157%2011c0-3.438%202.802-6.198%206.203-6.198c2.042%200%203.797.938%204.958%202.401z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.339%207.219a5.62%205.62%200%200%201%204.063-1.74c2.078%200%203.938%201.203%204.917%202.943c.844-.401%201.802-.604%202.802-.604c3.802%200%206.88%203.12%206.88%206.964c0%203.839-3.083%206.958-6.901%206.958a7.3%207.3%200%200%201-1.359-.141a5%205%200%200%201-4.401%202.604a5.3%205.3%200%200%201-2.198-.5a5.76%205.76%200%200%201-5.302%203.495a5.74%205.74%200%200%201-5.401-3.755a5%205%200%200%201-1.099.099c-2.938%200-5.339-2.401-5.339-5.401c0-2%201.078-3.74%202.677-4.677A6.1%206.1%200%200%201%202.157%2011c0-3.438%202.802-6.198%206.203-6.198c2.042%200%203.797.938%204.958%202.401z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/salesforce.svg?color=%231a73e8&size=48
