Иконка Sprint
thesvg-color:sprint
Иконка Sprint (thesvg-color:sprint) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 294 × 122. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 294 × 122
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="294" height="122" viewBox="0 0 294 122"><path d="M12.139 90.511c-3.939 0-7.799-.479-10.937-1.292l.487-8.277c3.053 1.123 7.313 2.011 11.254 2.011c5.952 0 10.775-2.492 10.775-8.359C23.718 63.172 0 68.002 0 50.466c0-9.325 7.316-15.834 19.942-15.834c3.214 0 6.51.398 9.808.959l-.485 7.802c-3.132-.963-6.591-1.527-9.806-1.527c-6.754 0-10.211 3.133-10.211 7.637c0 10.856 23.72 6.839 23.72 23.798c-.005 9.974-7.882 17.21-20.829 17.21m41.967-.247c-2.249 0-3.938-.076-6.03-.479v17.398h-8.601V49.746h8.12c0 2.094-.082 5.309-.484 7.476h.162c2.25-5.068 6.833-8.283 12.944-8.283c9.487 0 14.712 6.75 14.712 18.814c.001 14.076-7.473 22.511-20.823 22.511m3.861-34.246c-6.433 0-9.891 7.557-9.891 14.384v12.311c1.851.563 3.86.804 6.272.804c6.833 0 11.497-4.182 11.497-14.958c0-8.038-2.491-12.541-7.878-12.541m44.552 1.363c-7.958-1.445-11.818 4.104-11.818 16.085v16.238h-8.607V49.746H90.3c0 2.246-.246 5.791-.808 8.844h.162c1.771-5.388 5.79-10.377 13.27-9.651zm12.284-13.584c-3.056 0-5.55-2.414-5.55-5.392c0-2.971 2.494-5.385 5.55-5.385c2.974 0 5.467 2.333 5.467 5.385c0 2.978-2.493 5.392-5.467 5.392m4.26 45.907h-8.6V49.746h8.6zm35.387 0V63.975c0-4.983-1.374-7.875-5.952-7.875c-6.03 0-10.457 6.345-10.457 14.302v19.302h-8.602V49.746h8.203c0 2.094-.162 5.546-.564 7.796l.083.075c2.33-5.14 7.157-8.679 13.91-8.679c9.084 0 11.9 5.711 11.9 12.787v27.979zm32.225.721c-8.524 0-11.099-3.294-11.099-12.214V56.417h-7.634v-6.671h7.634V37.04l8.523-2.333v15.039h10.532v6.671h-10.448v19.137c0 5.954 1.205 7.558 5.224 7.558c1.768 0 3.699-.241 5.225-.643v7.076c-2.331.487-5.306.88-7.957.88"/><path fill="#ffdd05" d="M233.712 78.636c11.72-15.086 20.939-32.809 20.939-45.537c0-6.652-4.765-11.295-10.978-14.823c.122 13.831-4.669 46.263-9.961 60.36m-38.433 37.173c27.469-9.189 67.29-30.598 94.985-49.725c2.324-1.599 4.135-3.085 4.135-5.684c0-4.519-8.276-10.576-12.292-12.988c-21.792 22.653-65.163 56.596-86.828 68.397"/><path fill="#ffdd05" d="M220.76 96.567c16.938-11.709 41.545-33.74 49.873-45.727c1.963-2.82 3.416-4.454 3.416-7.405c0-4.839-5.643-8.382-9.703-10.849c-9.726 22.924-31.579 51.469-43.586 63.981m15.432-32.48c2.191-14.476.903-31.952-1.894-42.913c-1.52-5.969-6.901-12.706-11.88-14.812c6.526 18.522 12.128 44.898 13.774 57.725"/><path fill="#ffdd05" d="M231.368 43.779c-5.132-13.87-17.921-42.782-36.735-49.945c12.247 13.517 30.417 40.338 36.735 49.945"/></svg>Как использовать иконку Sprint
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sprint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sprint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sprint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sprint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sprint"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sprint"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sprint.svg" alt="Иконка Sprint" width="24" height="24">Иконка Sprint в других наборах
Вопросы и ответы: Иконка Sprint
Можно ли бесплатно использовать иконку Sprint в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sprint в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:sprint" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sprint на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/sprint.svg" alt="Иконка Sprint">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.