Иконка Mayo Clinic

thesvg-color:mayo-clinic

Иконка Mayo Clinic (thesvg-color:mayo-clinic) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 56 × 56. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 56 × 56
Теги: mayoclinic

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill-rule="evenodd" d="M42.708 9.43a4.52 4.52 0 0 0 4.69-4.69a4.525 4.525 0 0 0-4.69-4.737A4.523 4.523 0 0 0 37.97 4.74a4.523 4.523 0 0 0 4.737 4.69Zm0-7.622c1.573 0 2.596 1.151 2.596 2.918s-1.033 2.918-2.596 2.918s-2.605-1.151-2.605-2.904s1.023-2.932 2.605-2.932M23.906 7.554h3.87l.72 1.682h2.189L26.559.202H25.18l-4.15 9.034h2.16zm3.216-1.559L25.86 3.026l-1.263 2.97zM14.744 7.89l-2.288-3.553v4.899H10.38V.197h1.459l3.434 5.363l3.44-5.363h1.459v9.039h-2.075V4.337L15.81 7.89zm17.798 1.346h2.103V6.024L38.127.197H35.84l-2.231 3.946L31.377.197H29.06l3.482 5.827zM15.928 21.96v-9.039h2.108v7.296h4.6v1.743zm10.375-9.039h-2.104v9.034h2.104zm-13.397 5.993l1.852.73c-.706 1.587-2.302 2.51-4.254 2.525c-3.065 0-5.154-2.369-4.68-5.586a4.79 4.79 0 0 1 3.842-3.79c2.311-.312 4.273.669 5.05 2.502l-1.853.73a2.435 2.435 0 0 0-2.368-1.502c-1.592 0-2.625 1.165-2.625 2.932s1.023 2.918 2.625 2.918a2.55 2.55 0 0 0 2.41-1.459m27.822-5.993h-2.104v9.034h2.104zm7.559 7.06c.425-.252.768-.623.987-1.067l1.852.744c-.715 1.587-2.312 2.51-4.263 2.51c-3.065 0-5.155-2.368-4.68-5.585a4.79 4.79 0 0 1 3.841-3.79c2.326-.312 4.287.669 5.045 2.478l-1.852.73a2.44 2.44 0 0 0-2.369-1.502c-1.572 0-2.596 1.151-2.596 2.918s1.023 2.918 2.625 2.918a2.54 2.54 0 0 0 1.41-.354m-18.56-7.06h-1.401v9.04H30.4v-5.515l4.798 5.514h1.403v-9.039h-2.075v5.515zm1.55 21.115V28.25h15.638v8.826c0 5.31-2.568 8.716-7.83 10.38a16 16 0 0 1-1.863-.712v.171c-.777 4.529-3.6 7.528-8.565 9.081c-4.96-1.554-7.788-4.552-8.565-9.081c0 0-.023-.062-.023-.17q-.91.413-1.862.71c-5.263-1.663-7.83-5.074-7.83-10.38v-8.83h15.66v5.79zM18.191 45.593c-4.252-1.705-5.963-4.23-5.963-8.862v-5.718a.905.905 0 0 1 .905-.905h10.152a.905.905 0 0 1 .905.905v3.022h-4.316v10.768a15 15 0 0 1-1.683.79m5.994-8.857v-.844h-1.544a.904.904 0 0 0-.905.905v6.708c1.715-1.587 2.45-3.723 2.45-6.77m4.472 17.41c4.23-1.682 6.325-4.099 6.798-8.135l.029-.25c-2.819-1.91-4.207-4.78-4.207-8.68v-1.184h-5.235v1.185c0 3.898-1.364 6.783-4.206 8.678c.028.161.028.251.028.251c.474 4.037 2.563 6.453 6.793 8.134m4.496-17.41c0 3.046.734 5.182 2.45 6.77v-6.709a.906.906 0 0 0-.906-.905h-1.544zm5.945 8.868c4.273-1.706 5.979-4.23 5.979-8.868v-5.713a.905.905 0 0 0-.896-.905H34.04a.905.905 0 0 0-.905.905v3.022h4.278v10.768q.818.449 1.686.791"/></svg>

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

React

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

<Icon icon="thesvg-color:mayo-clinic" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:mayo-clinic" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:mayo-clinic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--mayo-clinic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:mayo-clinic"></div>

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

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

<iconify-icon icon="thesvg-color:mayo-clinic"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/mayo-clinic.svg" alt="Иконка Mayo Clinic" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки theSVG Color →