Swimming Line ikonu
mingcute:swimming-line
Swimming Line ikonu (mingcute:swimming-line), MingCute Icon setinden ücretsiz bir SVG ikondur (yapımcı: MingCute Design). 24 × 24 ızgara üzerinde çizilmiştir. MingCute Icon icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- MingCute Icon
- Yazar
- MingCute Design
- Lisans
- Apache-2.0
- Boyut
- 24 × 24
- Etiketler
- swimmingline
SVG kodu
<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 ikonu nasıl kullanılır
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>Web bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/mingcute/swimming-line.svg" alt="Swimming Line ikonu" width="24" height="24">MingCute Icon setindeki benzer ikonlar
Swimming Line ikonu: sık sorulan sorular
Swimming Line ikonu ticari kullanım için ücretsiz mi?
Evet. MingCute Icon icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Swimming Line ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="mingcute:swimming-line" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Swimming Line ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/mingcute/swimming-line.svg" alt="Swimming Line ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.