Sanity icon
logos:sanity
The Sanity icon (logos:sanity) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 104 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 × 104
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="104" viewBox="0 0 512 104"><path fill="#f37368" d="M381.462 36.986v64.834h-20.886V26.833z"/><path fill="#f7a199" d="m85.865 89.781l15.665 13.634l65.994-34.375l-6.817-16.39zm274.71-41.772l53.086-27.558l-8.992-15.52l-44.093 21.902z"/><path fill="#f37368" d="M211.182 31.91v69.91h-20.016V2.176zM85.865 89.78l15.665 13.634l30.169-75.422l-9.718-25.817z"/><path fill="#f04939" d="M121.98 2.176h20.597l38.146 99.644h-21.176zm92.248 0L258.176 70.2v31.619l-67.01-99.644zm81.659 0h20.74v99.644h-20.74zm64.689 18.275h-31.91V2.176h74.407l10.588 18.275z"/><path fill="#f7a199" d="M475.014 63.964v37.856h-20.596V63.964"/><path fill="#f04939" d="m489.228 2.176l-34.81 61.788h20.596L511.13 2.176z"/><path fill="#f37368" d="m454.418 63.964l-35.97-61.788h22.626l24.222 42.352z"/><path fill="#f04939" d="M8.558 13.779c0 13.78 8.557 22.046 25.672 26.398l18.13 4.206c16.245 3.771 26.108 13.054 26.108 28.138c.145 6.527-2.03 12.909-5.947 18.13c0-15.084-7.832-23.206-26.543-28.138l-17.84-4.06C13.78 55.26 2.756 47.572 2.756 31.183c0-6.237 2.03-12.474 5.802-17.405"/><path fill="#f37368" d="M258.176 65.124V2.176h20.016v99.644h-20.016zM61.353 68.75c7.687 4.932 11.168 11.894 11.168 21.902c-6.527 8.267-17.695 12.763-30.894 12.763c-22.191 0-38-11.023-41.337-30.023h21.321c2.756 8.702 10.008 12.763 19.871 12.763c11.749.145 19.726-6.237 19.871-17.405M8.558 13.634C14.794 5.512 25.528.58 38.58.58c22.772 0 35.826 12.039 39.162 28.864H57.147c-2.32-6.672-7.978-11.894-18.276-11.894c-11.168.145-18.71 6.527-19.145 16.68c-7.474-4.122-11.459-12.184-11.168-20.596"/></svg>How to use the Sanity icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:sanity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:sanity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:sanity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sanity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sanity"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:sanity"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/sanity.svg" alt="Sanity icon" width="24" height="24">Sanity icon in other icon sets
Sanity icon FAQ
Is the Sanity 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 Sanity icon in React?
Install @iconify/react and render <Icon icon="logos:sanity" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sanity icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/sanity.svg" alt="Sanity icon">, or paste the SVG code inline to style it with CSS.