Иконка Continue
thesvg-color:continue
Иконка Continue (thesvg-color:continue) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 300 × 300. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 300 × 300
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><path fill="#f3f3f3" d="M300 150C300 67.157 232.843 0 150 0S0 67.157 0 150s67.157 150 150 150s150-67.157 150-150"/><path fill="#33333b" d="m206.97 92.797l-9.19 15.932l23.229 40.203c.17.305.272.678.272 1.017s-.102.712-.272 1.017l-23.229 40.237l9.19 15.933L240 149.949l-33.03-57.186zm-12.751 13.864l9.19-15.932h-18.38l-9.19 15.932h18.414zm-18.414 4.136l21.466 37.118h18.38l-21.432-37.118zm18.414 78.372l21.432-37.152h-18.38l-21.466 37.152zm-18.414 4.136l9.19 15.864h18.38l-9.19-15.864h-18.414zm-62.296 19.797c-.373 0-.712-.102-1.017-.272a1.97 1.97 0 0 1-.747-.745l-23.263-40.238h-18.38L103.132 229h66.026l-9.19-15.898zm50.02-2.068l9.19 15.898l9.19-15.932l-9.19-15.932l-9.19 15.932zm5.629-18h-42.864l-9.19 15.932h42.864zM122.699 191l-21.466-37.153l-9.19 15.933l21.466 37.152zm-52.631-23.288h18.38l9.19-15.932H79.292zm41.576-79.763c.169-.305.441-.576.746-.746s.678-.27 1.017-.27H159.9L169.09 71h-66.06L70 128.186h18.38l23.196-40.203zM97.638 148.22l-9.19-15.932h-18.38l9.19 15.932zm15.803-55.118L92.009 130.22l9.19 15.933l21.432-37.119zm46.493-2.068h-42.932l9.19 15.932h42.932zm12.785 13.864L181.875 89l-9.156-15.932l-9.19 15.898z"/></g></svg>Как использовать иконку Continue
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:continue" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:continue" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:continue" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--continue]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:continue"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:continue"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/continue.svg" alt="Иконка Continue" width="24" height="24">Иконка Continue в других наборах
Вопросы и ответы: Иконка Continue
Можно ли бесплатно использовать иконку Continue в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Continue в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:continue" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Continue на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/continue.svg" alt="Иконка Continue">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.