Salesforce icon
thesvg-color:salesforce
The Salesforce icon (thesvg-color:salesforce) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 999 × 699 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 999 × 699
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="999" height="699" viewBox="0 0 999 699"><path fill="#00a1e0" d="M416.224 76.763c32.219-33.57 77.074-54.391 126.682-54.391c65.946 0 123.48 36.772 154.12 91.361c26.626-11.896 56.098-18.514 87.106-18.514c118.94 0 215.368 97.268 215.368 217.247c0 119.993-96.428 217.261-215.368 217.261a213.7 213.7 0 0 1-42.422-4.227c-26.981 48.128-78.397 80.646-137.412 80.646c-24.705 0-48.072-5.706-68.877-15.853c-27.352 64.337-91.077 109.448-165.348 109.448c-77.344 0-143.261-48.939-168.563-117.574c-11.057 2.348-22.513 3.572-34.268 3.572C75.155 585.74.5 510.317.5 417.262c0-62.359 33.542-116.807 83.378-145.937c-10.26-23.608-15.967-49.665-15.967-77.06C67.911 87.25 154.79.5 261.948.5c62.914 0 118.827 29.913 154.276 76.263"/><path fill="#fff" d="M145.196 363.11c-.626 1.637.228 1.979.427 2.263c1.878 1.366 3.786 2.349 5.707 3.444c10.189 5.407 19.81 6.986 29.871 6.986c20.492 0 33.214-10.9 33.214-28.447v-.341c0-16.224-14.358-22.115-27.835-26.37l-1.75-.569c-10.161-3.302-18.927-6.147-18.927-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934c8.823 0 19.297 2.932 26.042 6.66c0 0 1.978 1.281 2.704-.64c.398-1.025 3.814-10.218 4.17-11.214c.384-1.082-.299-1.879-.996-2.306c-7.699-4.682-18.344-7.884-29.358-7.884l-2.049.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.358 5.635 18.358 12.58v.342c0 6.347-5.521 11.071-14.43 11.071c-3.458 0-14.487-.071-26.398-7.6c-1.438-.84-2.277-1.451-3.387-2.12c-.583-.37-2.049-1.011-2.689.925zm299.998 0c-.626 1.637.228 1.979.427 2.263c1.878 1.366 3.786 2.349 5.706 3.444c10.189 5.407 19.811 6.986 29.871 6.986c20.492 0 33.215-10.9 33.215-28.447v-.341c0-16.224-14.359-22.115-27.836-26.37l-1.75-.569c-10.161-3.302-18.928-6.147-18.928-12.836v-.355c0-5.721 5.123-9.934 13.064-9.934c8.823 0 19.297 2.932 26.043 6.66c0 0 1.978 1.281 2.703-.64c.398-1.025 3.814-10.218 4.17-11.214c.385-1.082-.299-1.879-.996-2.306c-7.699-4.682-18.344-7.884-29.358-7.884l-2.05.014c-18.756 0-31.848 11.328-31.848 27.565v.342c0 17.119 14.444 22.669 27.978 26.54l2.177.669c9.862 3.031 18.373 5.635 18.373 12.58v.342c0 6.347-5.536 11.071-14.445 11.071c-3.457 0-14.486-.071-26.397-7.6c-1.438-.84-2.291-1.423-3.372-2.12c-.371-.242-2.107-.911-2.705.925zm204.801-34.37c0 9.919-1.85 17.731-5.493 23.253c-3.601 5.465-9.051 8.126-16.649 8.126c-7.613 0-13.035-2.647-16.579-8.126c-3.587-5.507-5.407-13.334-5.407-23.253c0-9.904 1.82-17.703 5.407-23.168c3.544-5.407 8.966-8.04 16.579-8.04c7.599 0 13.049 2.633 16.664 8.04c3.629 5.464 5.478 13.263 5.478 23.168m17.106-18.386c-1.68-5.679-4.298-10.688-7.784-14.857c-3.487-4.184-7.898-7.542-13.136-9.99c-5.223-2.433-11.398-3.671-18.328-3.671c-6.945 0-13.121 1.238-18.344 3.671c-5.237 2.448-9.648 5.807-13.149 9.99c-3.472 4.184-6.091 9.193-7.784 14.857c-1.665 5.649-2.505 11.825-2.505 18.386s.84 12.751 2.505 18.386c1.693 5.664 4.298 10.674 7.799 14.857c3.486 4.184 7.912 7.528 13.135 9.904c5.236 2.377 11.398 3.586 18.344 3.586c6.93 0 13.092-1.209 18.328-3.586c5.223-2.376 9.648-5.721 13.136-9.904c3.486-4.17 6.104-9.179 7.784-14.857c1.68-5.649 2.519-11.84 2.519-18.386s-.841-12.737-2.52-18.386m140.467 47.116c-.569-1.665-2.177-1.039-2.177-1.039c-2.49.954-5.138 1.836-7.955 2.277c-2.861.44-6.006.669-9.379.669c-8.281 0-14.856-2.462-19.566-7.329c-4.725-4.867-7.372-12.736-7.344-23.381c.029-9.691 2.362-16.978 6.561-22.527c4.17-5.521 10.517-8.354 18.984-8.354c7.059 0 12.438.811 18.072 2.59c0 0 1.352.583 1.992-1.181c1.494-4.156 2.604-7.13 4.198-11.698c.456-1.295-.654-1.85-1.053-2.007c-2.22-.868-7.457-2.276-11.413-2.874c-3.7-.569-8.026-.868-12.836-.868c-7.188 0-13.591 1.224-19.069 3.672c-5.465 2.433-10.104 5.791-13.775 9.976c-3.672 4.184-6.461 9.192-8.325 14.856c-1.85 5.649-2.789 11.854-2.789 18.415c0 14.188 3.828 25.657 11.385 34.054c7.57 8.425 18.941 12.708 33.77 12.708c8.766 0 17.76-1.778 24.221-4.326c0 0 1.238-.598.697-2.034zm29.929-38.232c.811-5.507 2.334-10.09 4.682-13.661c3.544-5.422 8.951-8.396 16.551-8.396s12.623 2.988 16.223 8.396c2.391 3.571 3.43 8.354 3.843 13.661zm57.592-12.111c-1.451-5.479-5.052-11.015-7.414-13.548c-3.729-4.013-7.371-6.816-10.986-8.382c-4.725-2.021-10.389-3.358-16.593-3.358c-7.229 0-13.79 1.21-19.112 3.714c-5.336 2.505-9.818 5.921-13.334 10.176c-3.516 4.24-6.162 9.292-7.842 15.027c-1.693 5.707-2.547 11.926-2.547 18.485c0 6.675.883 12.894 2.633 18.486c1.765 5.636 4.582 10.602 8.396 14.714c3.799 4.142 8.695 7.387 14.558 9.648c5.821 2.249 12.894 3.416 21.019 3.401c16.722-.057 25.53-3.785 29.159-5.792c.641-.355 1.253-.981.483-2.774l-3.785-10.603c-.568-1.579-2.177-.996-2.177-.996c-4.142 1.537-10.032 4.298-23.766 4.27c-8.979-.014-15.64-2.661-19.81-6.803c-4.283-4.24-6.375-10.474-6.745-19.268l57.905.057s1.522-.028 1.68-1.509c.057-.624 1.993-11.895-1.722-24.945m-521.327 12.111c.825-5.507 2.334-10.09 4.682-13.661c3.543-5.422 8.951-8.396 16.55-8.396s12.623 2.988 16.237 8.396c2.376 3.571 3.415 8.354 3.828 13.661zm57.577-12.111c-1.451-5.479-5.037-11.015-7.399-13.548c-3.729-4.013-7.372-6.816-10.986-8.382c-4.725-2.021-10.388-3.358-16.593-3.358c-7.215 0-13.79 1.21-19.112 3.714c-5.336 2.505-9.819 5.921-13.334 10.176c-3.515 4.24-6.162 9.292-7.841 15.027c-1.679 5.707-2.547 11.926-2.547 18.485c0 6.675.882 12.894 2.633 18.486c1.765 5.636 4.583 10.602 8.396 14.714c3.8 4.142 8.695 7.387 14.558 9.648c5.821 2.249 12.893 3.416 21.019 3.401c16.721-.057 25.53-3.785 29.159-5.792c.641-.355 1.252-.981.484-2.774l-3.771-10.603c-.584-1.579-2.191-.996-2.191-.996c-4.141 1.537-10.019 4.298-23.78 4.27c-8.965-.014-15.625-2.661-19.795-6.803c-4.284-4.24-6.375-10.474-6.746-19.268l57.905.057s1.522-.028 1.679-1.509c.055-.624 1.99-11.895-1.738-24.945m-182.738 50.026c-2.263-1.808-2.576-2.263-3.344-3.43c-1.139-1.779-1.722-4.312-1.722-7.528c0-5.095 1.679-8.752 5.166-11.214c-.042.015 4.981-4.34 16.792-4.184c8.296.114 15.71 1.338 15.71 1.338v26.327h.014s-7.357 1.579-15.639 2.077c-11.783.712-17.02-3.4-16.977-3.386m23.039-40.686c-2.348-.171-5.394-.271-9.037-.271c-4.966 0-9.762.626-14.259 1.836c-4.525 1.209-8.595 3.103-12.096 5.606a27.9 27.9 0 0 0-8.396 9.549c-2.049 3.814-3.088 8.311-3.088 13.349c0 5.123.882 9.577 2.647 13.221c1.765 3.657 4.312 6.702 7.556 9.051c3.216 2.348 7.187 4.069 11.797 5.108c4.54 1.039 9.691 1.565 15.327 1.565c5.934 0 11.854-.483 17.589-1.466c5.678-.968 12.651-2.377 14.586-2.817a146 146 0 0 0 4.056-1.039c1.438-.355 1.324-1.893 1.324-1.893l-.029-52.952c0-11.613-3.102-20.223-9.207-25.559c-6.077-5.322-15.028-8.013-26.597-8.013c-4.341 0-11.328.599-15.512 1.438c0 0-12.651 2.448-17.86 6.518c0 0-1.138.712-.512 2.306l4.099 11.015c.512 1.423 1.893.939 1.893.939s.441-.171.954-.47c11.143-6.062 25.231-5.877 25.231-5.877c6.262 0 11.072 1.252 14.316 3.742c3.159 2.419 4.767 6.076 4.767 13.789v2.448a210 210 0 0 0-9.549-1.123m467.029-29.836c.44-1.31-.484-1.936-.869-2.078c-.981-.384-5.905-1.423-9.705-1.665c-7.271-.441-11.312.783-14.928 2.405c-3.586 1.622-7.57 4.24-9.791 7.215v-7.044c0-.982-.697-1.765-1.665-1.765h-14.843c-.967 0-1.664.782-1.664 1.765v86.366c0 .968.797 1.765 1.764 1.765h15.213a1.76 1.76 0 0 0 1.75-1.765v-43.147c0-5.792.641-11.569 1.922-15.198c1.252-3.587 2.96-6.461 5.066-8.525c2.12-2.049 4.525-3.486 7.158-4.297c2.689-.826 5.663-1.096 7.77-1.096c3.031 0 6.361.782 6.361.782c1.109.128 1.736-.555 2.105-1.565c.997-2.647 3.815-10.574 4.356-12.153"/><path fill="#fff" d="M595.874 246.603c-1.85-.569-3.529-.954-5.721-1.366c-2.221-.398-4.867-.598-7.869-.598c-10.475 0-18.729 2.96-24.52 8.794c-5.764 5.807-9.678 14.644-11.642 26.271l-.712 3.913h-13.148s-1.594-.057-1.936 1.68l-2.148 12.053c-.157 1.139.342 1.864 1.878 1.864h12.794l-12.979 72.463c-1.011 5.835-2.178 10.631-3.473 14.273c-1.267 3.587-2.504 6.276-4.041 8.24c-1.48 1.879-2.875 3.273-5.295 4.084c-1.992.669-4.297.982-6.816.982c-1.395 0-3.258-.229-4.639-.513c-1.366-.271-2.092-.569-3.131-1.011c0 0-1.494-.568-2.092.926c-.47 1.238-3.885 10.615-4.298 11.769c-.398 1.152.171 2.049.896 2.319c1.708.598 2.974.996 5.294 1.551c3.217.755 5.934.797 8.481.797c5.322 0 10.189-.754 14.217-2.205c4.042-1.466 7.57-4.014 10.701-7.457c3.373-3.729 5.493-7.628 7.515-12.964c2.006-5.266 3.729-11.812 5.094-19.439l13.05-73.815h19.069s1.607.057 1.936-1.693l2.162-12.039c.143-1.152-.341-1.864-1.893-1.864h-18.514c.1-.412.939-6.931 3.06-13.063c.911-2.604 2.618-4.725 4.056-6.177c1.424-1.423 3.06-2.433 4.854-3.017c1.835-.598 3.928-.882 6.219-.882c1.736 0 3.457.199 4.752.469c1.793.385 2.49.584 2.961.727c1.893.569 2.148.014 2.519-.896l4.426-12.153c.455-1.312-.669-1.867-1.067-2.023m-258.68 125.231c0 .968-.697 1.751-1.665 1.751h-15.355c-.968 0-1.651-.783-1.651-1.751v-123.58c0-.967.683-1.75 1.651-1.75h15.355c.968 0 1.665.783 1.665 1.75z"/></svg>How to use the Salesforce icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:salesforce" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:salesforce" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:salesforce" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--salesforce]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:salesforce"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:salesforce"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/salesforce.svg" alt="Salesforce icon" width="24" height="24">Salesforce icon in other icon sets
Salesforce icon FAQ
Is the Salesforce icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Salesforce icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:salesforce" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Salesforce icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/salesforce.svg" alt="Salesforce icon">, or paste the SVG code inline to style it with CSS.