Sendgrid icon

logos:sendgrid

The Sendgrid icon (logos:sendgrid) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 90 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 90

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="90" viewBox="0 0 512 90"><path fill="#212f38" d="M177.114 57.294c2.129-4.766 6.59-8.01 12.474-8.01c5.882 0 10.243 2.737 12.069 8.01zm38.538 6.086c0-14.605-10.65-26.267-26.166-26.267a26.315 26.315 0 0 0-26.368 26.369c0 14.603 10.954 26.367 26.775 26.367c10.956 0 18.837-5.285 23.271-12.862l-11.02-6.571c-2.338 4.486-6.826 7.264-12.15 7.264c-7.302 0-11.866-3.652-13.489-9.23h39.147zm282.86 0c0-7.505-5.477-13.59-12.98-13.59c-7.708 0-13.591 5.78-13.591 13.59c0 7.808 5.883 13.691 13.59 13.691c7.504 0 12.98-6.186 12.98-13.691m-40.16.102c0-17.95 13.183-26.369 24.643-26.369c6.592 0 11.764 2.434 15.111 5.983V14.802H512v74.033h-13.894v-5.679c-3.347 3.956-8.721 6.693-15.313 6.693c-10.751 0-24.442-8.519-24.442-26.367M448.144 30.41a8.31 8.31 0 0 0 8.31-8.312a8.311 8.311 0 1 0-16.62 0a8.31 8.31 0 0 0 8.31 8.312m-6.947 7.718h13.893v50.707h-13.893V51.616h-5.042zm-37.012 0h13.792v8.316c2.536-5.274 7.1-8.316 13.996-8.316h5.578l-5.038 13.487h-3.786c-7.403 0-10.648 3.855-10.648 13.286v23.934h-13.894zm-78.163 13.69c0-21.094 15.923-38.03 37.828-38.03c10.957 0 20.171 3.945 26.843 10.232a36.8 36.8 0 0 1 6.827 8.732l-12.372 7.505c-4.564-8.418-11.562-12.779-21.196-12.779c-13.489 0-23.935 11.055-23.935 24.34c0 13.59 10.244 24.34 24.441 24.34c10.751 0 18.356-6.085 20.993-15.517h-23.224V47.154h38.436v5.679c0 19.877-14.197 37.016-36.205 37.016c-23.122 0-38.436-17.544-38.436-38.03M309.275 63.38c0-7.505-5.476-13.59-12.98-13.59c-7.708 0-13.59 5.78-13.59 13.59c0 7.808 5.882 13.691 13.59 13.691c7.504 0 12.98-6.186 12.98-13.691m-40.16.102c0-17.95 13.183-26.369 24.644-26.369c6.591 0 11.764 2.434 15.11 5.983V14.802h13.894v74.033H308.87v-5.679c-3.347 3.956-8.722 6.693-15.314 6.693c-10.75 0-24.442-8.519-24.442-26.367M218.9 38.128h13.793v5.679c3.245-4.159 8.215-6.694 13.995-6.694c11.967 0 19.168 7.708 19.168 20.79v30.932h-14.097V59.729c0-6.795-3.144-10.75-9.33-10.75c-5.274 0-9.635 3.65-9.635 12.169v27.687H218.9zM105.457 76.564l12.88-10.142c3.651 6.288 9.432 9.939 16.023 9.939c7.202 0 11.056-4.665 11.056-9.736c0-6.085-7.405-8.01-15.315-10.446c-9.938-3.042-20.993-6.896-20.993-21.095c0-11.865 10.346-21.297 24.644-21.297c12.07 0 18.965 4.564 24.95 10.751l-11.664 8.823c-3.042-4.563-7.403-6.998-13.185-6.998c-6.591 0-10.14 3.55-10.14 8.215c0 5.679 7.099 7.607 15.009 10.243c10.04 3.245 21.399 7.707 21.399 21.906c0 11.764-9.331 23.122-25.659 23.122c-13.386 0-22.31-5.678-29.005-13.285"/><path fill="#9dd6e3" d="M88.836 0v59.224H59.224v29.61H.001L0 29.612h29.612V0z"/><path fill="#3f72ab" d="M.001 88.835h29.612V59.223H.001z"/><path fill="#00a9d1" d="M59.224 59.224h29.612V29.611H59.224zM29.612 29.612h29.612V0H29.612z"/><path fill="#2191c4" d="M29.612 59.223h29.612V29.611H29.612z"/><path fill="#3f72ab" d="M59.224 29.612h29.612V0H59.224z"/></svg>

How to use the Sendgrid icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:sendgrid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:sendgrid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:sendgrid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sendgrid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sendgrid"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:sendgrid"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/sendgrid.svg" alt="Sendgrid icon" width="24" height="24">

Related icons in SVG Logos

Sendgrid icon in other icon sets

Sendgrid icon FAQ

Is the Sendgrid icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Sendgrid icon in React?

Install @iconify/react and render <Icon icon="logos:sendgrid" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sendgrid icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/sendgrid.svg" alt="Sendgrid icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →