Иконка Heinz
thesvg-color:heinz
Иконка Heinz (thesvg-color:heinz) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 111 × 50. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 111 × 50
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="111" height="50" viewBox="0 0 111 50"><path fill="#fff" d="M54.061 0C72.05 0 86.09 3.738 95.892 7.069c7.293 2.478 6.23 6.085 5.675 8.008c-.507 1.767-1.095 2.562 1.058 3.15c1.789.49 1.556.398 2.545.682c1.955.558 3.807 1.032 2.496 5.642c-.392 1.38-4.56 15.656-5.191 17.518c-1.326 3.913-.983 4.801-6.68 4.801l-83.484.003c-5.697 0-5.355-.888-6.681-4.803C5 40.21.832 25.933.44 24.553c-1.311-4.609.542-5.08 2.496-5.643c.989-.285.755-.19 2.546-.68c2.15-.588 1.564-1.385 1.057-3.15c-.555-1.925-1.618-5.53 5.675-8.008c9.803-3.333 23.843-7.07 41.83-7.07z"/><path fill="#ee2722" d="M95.086 43.436c2.514 0 3.441-.4 4.099-2.198c.585-1.6 4.091-13.982 4.575-15.647c.695-2.402.417-3.353-1.886-3.928c-.9-.225-2.602-.638-3.664-.904c-1.575-.394-1.411-2.115-1.096-3.025c.202-.584.807-2.753 1.142-3.801c.54-1.684-.275-2.203-1.266-2.595c-1.324-.527-17.169-7.435-42.936-7.784h-.01c-25.766.349-41.612 7.257-42.936 7.784c-.99.392-1.805.91-1.266 2.595c.336 1.048.941 3.217 1.143 3.8c.316.91.476 2.626-1.097 3.026c-1.125.286-2.765.679-3.663.904c-2.303.575-2.582 1.526-1.885 3.928c.482 1.665 3.99 14.048 4.573 15.647c.658 1.798 1.585 2.198 4.1 2.198z"/><path fill="#fff" d="M81.304 23.979c.346-.139 1.367-.348 1.77-.348c0 0 2.596-.223 3.438.173c.66.312-1.776 2.841-4.318 5.674c-1.428 1.59-2.92 3.282-3.843 4.723c-.457.714-.201 1.567.903 1.714c3.31.439 9.448.189 9.448.189c2.384-.12 3.263-.237 4.537-1.972c0 0 4.27-4.92 3.598-7.467c-.438-1.714-3.205-2.837-4.04-1.32c-.305.555-1.285 1.766-.717 1.888c2.189.462 2.686 1.723 2.246 2.522c-.732 1.33-2.014 1.274-2.709 1.414c-.695.137-5.533.368-6.713.092c-.493-.116.022-1.205.716-2.083c2.474-3.13 7.061-8.823 7.04-9.228c-.02-.34.122-.827-.904-.937c-3.611-.383-7.467-.174-7.467-.174c-.755 0-1.455.301-2.045.987c-.618.72-1.635 2.312-1.81 3.84c0 0-.145.719.87.313M58.81 16.825c.67.429 3.234-.286 4.043-.972c.207-.178.648-.712.806-1.166c.345-.984.462-1.406.391-2.064c-.079-.73-.552-.868-.955-.94c-.732-.127-3.401.435-4.089 1.646c-1.157 2.037-.672 3.286-.196 3.496m-2.989 3.53c-.643.4-.67 1.019-.276 1.344c.481.397.614.823.346 1.782c-.47 1.686-2.398 7.281-2.806 8.799c-.365 1.354-.935 3.463.283 3.866c1.002.562 4.873-.777 5.696-1.297c.866-.549.857-.874.636-1.215c-.191-.295-.656-.71-.729-.85c-.296-.574-.11-1.399.192-2.745l2.84-8.895c.21-.767.503-1.824-.184-2.224c-.974-.568-4.896.752-5.998 1.435m23.362 2c-.133.65-2.57 7.615-2.682 8.049c-.096.368-.687 2.292 0 2.821c.125.097.4.222.547.33c.426.314.633.869-.2 1.511c-.863.665-4.558 1.528-5.714 1.043c-1.218-.403-.775-2.745-.434-3.962c.186-.656.721-2.74 1.416-4.678c.608-1.694 1.054-3.392 1.138-3.864c.156-.886 0-1.485-.92-1.458c-1.034.208-2.035 1.104-2.805 3.1c-.956 2.473-1.608 5.242-1.615 5.27c-.729 2.76-.556 3.22-.739 3.96c-.159.648-.434.642-.964.892c-.37.177-2.968 1.338-4.227.705c-.843-.565-.131-2.824.207-4.038c.305-1.085 2.35-7.42 2.528-8.752c.139-1.043-.044-.963-.686-1.57c-.702-.664.217-1.214.4-1.329c1.086-.688 5.348-1.928 5.937-1.52c.781.539-.077 1.815.618 1.815c1.067 0 3.2-1.718 5.313-1.963c3.733-.435 3.143 2.36 2.882 3.638m-30.822 2.44c.903-.816 2.05-3.738 1.303-4.046c-1.476-.608-3.126 4.307-2.884 4.567c.141.264.991-.018 1.581-.521m-1.44 7.622c.814.295 1.888.208 2.778-.068c.811-.253.92-.297 1.51-.452c0 0 1.21.073.469 1.25c-.885 1.405-1.65 1.667-3.022 2.328c-1.352.65-3.146.894-4.653.797c-3.318-.135-3.872-2.656-3.682-5.417c.143-2.053.733-4.006.903-4.463c.705-1.888 1.389-3.646 2.849-4.845c3.227-2.65 7.522-2.835 7.917-2.847c1.016-.031 1.878.402 2.223 1.336c.556 1.998-.59 6.079-8.057 7.451c0 0-1.597 4.08.764 4.93M24.865 33.58c1.97-1.165 2.891-2.429 3.875-5.034c.374-.991.701-2.402 1.025-3.109c.19-.417.409-.388.695-.452c.399-.086 2.656-.016 2.934.019s.45.238.365.59c-.42 1.73-1.285 4.688-1.703 6.633c-.284 1.332-.746 3.42.331 3.907c1.937.875 5.903-.903 6.25-1.528c.222-.399.592-.8-.38-1.32c-.788-.421-.436-1.91-.26-3.091c0 0 .884-4.168 3.142-10.974c0-.008.45-1.342 1.023-2.761a109 109 0 0 1 1.494-3.474c.295-.429-.017-.729-.017-.729c-.174-.398-4.045-.26-4.045-.26c-1.72-.017-2.31 1.563-2.97 3.63c0 0-1.807 6.46-1.963 6.633c-.237.264-.346.365-.781.416c-.921.11-2.219.158-2.935.035c-.451-.035-.295-.504-.278-.799c-.017 0 2.305-8.106 2.172-9.29c-.088-.763-.737-.867-1.53-.867c-4.462-.228-9.007.365-10.574.902c-1.27.504-3.056 1.373-3.82 2.883c-.375.741-1.158 2.169-.226 5.677c.226.852.847 1.937.973 2.067c1.163 1.216 3.894-.293 3.838-.26c.329-.192.446-.647.19-1.164c-.36-.725-.92-2.181-1.043-3.351c-.467-4.533 2.835-4.95 3.458-5.035c1.132-.158 1.335-.078 1.926.017c.434.069.814.166.99.485c.365.66-.301 3.143-.574 4.341c-.33 1.46-1.77 6.79-2.69 9.274c-1.068 2.883-2.01 5.79-3.8 6.455c-.607.225-.915.201-1.585.044c-.606-.141-1.39-.816-1.786-1.229c-1.072-1.117-1.53-2.787-1.669-4.645c-.157-2.121.4-3.386-.398-3.49c-1.077-.054-3.12.856-4.004 1.659c-.495.446-.926.969-.443 3.151c.855 3.84 3.285 10.839 14.793 4.044"/></svg>Как использовать иконку Heinz
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:heinz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:heinz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:heinz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--heinz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:heinz"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:heinz"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/heinz.svg" alt="Иконка Heinz" width="24" height="24">Вопросы и ответы: Иконка Heinz
Можно ли бесплатно использовать иконку Heinz в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Heinz в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:heinz" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Heinz на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/heinz.svg" alt="Иконка Heinz">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.