Иконка Swimming Line
mingcute:swimming-line
Иконка Swimming Line (mingcute:swimming-line) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- MingCute Icon
- Автор
- MingCute Design
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Теги
- swimmingline
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.514 13.126a1 1 0 0 0 .972 1.748L3 14zm18.972 1.748a1 1 0 1 0-.972-1.748L21 14zm-10.364 2.699l.387-.922a1 1 0 0 0-.824 1.822zM12 18l.486-.874zm.898.435l-.385.923a1 1 0 0 0 .822-1.823zm-10.384-1.31a1 1 0 0 0 .972 1.749L3 18zM4.32 18.51a1 1 0 1 0-.7-1.874l.35.937zm2.064-2.545a1 1 0 0 0 .234 1.986l-.117-.993zm2.028 1.957a1 1 0 0 0 .178-1.992l-.089.995zm7.178.156a1 1 0 0 0-.178 1.992l.089-.996zm1.922 1.969a1 1 0 1 0-.215-1.989l.108.994zm2.213-2.573a1 1 0 0 0 .71 1.87l-.355-.935zm1.762 1.4a1 1 0 1 0-.972-1.748L21 18zm-9.126-8.106a1 1 0 1 0 1.28-1.536L13 10zM4.713 8.042a1 1 0 0 0 .574 1.916L5 9zm9.021 2.692l-.707.707zm-2.908-2.546l-.64.768zm-1.855-.38l-.288-.957zm4.153 2.316l.707-.707zm-1.32-.082l-.615-.79zM3 14l.485.874l-.001.001h-.001l.004-.002a3 3 0 0 1 .149-.075c.113-.054.284-.132.506-.22a10 10 0 0 1 1.853-.532c1.535-.285 3.532-.276 5.52.828L12 14l.486-.874C9.973 11.73 7.47 11.738 5.63 12.079c-.92.17-1.686.426-2.225.64a10 10 0 0 0-.866.393l-.015.009l-.006.003h-.002v.001c-.001 0-.002 0 .484.875m9 0l-.486.874c2.513 1.396 5.016 1.387 6.856 1.047c.92-.17 1.686-.426 2.225-.64a10 10 0 0 0 .866-.393l.016-.009l.005-.003l.002-.001c.001 0 .002-.001-.484-.875l-.484-.875h.001l-.004.001l-.026.014l-.123.061a8 8 0 0 1-.506.22a10 10 0 0 1-1.853.533c-1.535.284-3.531.276-5.52-.828zm-.878 3.573l-.387.922q.384.16.77.374l.485-.875l.485-.874a10 10 0 0 0-.966-.47zm.868.421l-.484.875l.008.005L12 18l.486-.874l-.011-.007zM12 18l-.486.874q.5.277 1 .484l.384-.923l.385-.923a8 8 0 0 1-.797-.386zm-.878-.427l-.437.9l.868.42l.437-.899l.437-.9l-.868-.42zm.868.421l-.437.9l.908.44l.437-.899l.437-.9l-.908-.44zM3 18l.485.874l-.002.001l.04-.02q.05-.027.158-.078a8 8 0 0 1 .638-.267l-.35-.937l-.35-.937a10 10 0 0 0-1.012.44l-.063.033l-.019.01l-.006.004l-.003.002h-.001zm3.5-1.042l.117.993a8.7 8.7 0 0 1 1.794-.03l.089-.995l.089-.996a10.7 10.7 0 0 0-2.206.035zm9 2.116l-.089.996a10.7 10.7 0 0 0 2.1-.023l-.107-.995l-.108-.994a8.7 8.7 0 0 1-1.707.02zm4.579-.665l.354.935a10 10 0 0 0 .964-.423l.06-.031l.018-.01l.006-.004l.003-.001h.001L21 18c-.486-.874-.485-.874-.485-.875h.002l-.005.002l-.033.017l-.15.074a8 8 0 0 1-.605.256zm-6.955-8.285l-.707.707l.61.61l.707-.707l.707-.707l-.61-.61zm.758 3.274l-.781-.625l-.882 1.102l.781.625l.78.625l.883-1.102zM8 13l.614.79l3.803-2.959l-.614-.789l-.614-.79l-3.803 2.959zm5-3l.64-.768l-2.174-1.812l-.64.768l-.64.768l2.174 1.812zM8.97 7.809l-.287-.958l-3.97 1.191L5 9l.287.958l3.97-1.191zM19 8h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V9a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V5a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm-3.266 4.734l-.707.707a1 1 0 0 1 .074 1.332l.78.625l.782.625a3 3 0 0 0-.222-3.996zm-2.908-2.546l.64-.768a3 3 0 0 0-2.783-.569l.288.958l.287.958a1 1 0 0 1 .928.19zm2.298 1.936l.707-.707a2 2 0 0 0-2.642-.164l.614.789l.614.79z"/></svg>Как использовать иконку Swimming Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:swimming-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:swimming-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:swimming-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--swimming-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:swimming-line"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:swimming-line"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/mingcute/swimming-line.svg" alt="Иконка Swimming Line" width="24" height="24">Похожие иконки в наборе MingCute Icon
Вопросы и ответы: Иконка Swimming Line
Можно ли бесплатно использовать иконку Swimming Line в коммерческих проектах?
Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Swimming Line в React?
Установите @iconify/react и выведите <Icon icon="mingcute:swimming-line" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Swimming Line на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mingcute/swimming-line.svg" alt="Иконка Swimming Line">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.