Иконка Sanity

logos:sanity

Иконка Sanity (logos:sanity) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 104. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 512 × 104

Скачать SVG

Код SVG

<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>

Как использовать иконку Sanity

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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/sanity.svg" alt="Иконка Sanity" width="24" height="24">

Иконка Sanity в других наборах

Вопросы и ответы: Иконка Sanity

Можно ли бесплатно использовать иконку Sanity в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sanity в React?

Установите @iconify/react и выведите <Icon icon="logos:sanity" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sanity на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/sanity.svg" alt="Иконка Sanity">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →