Swimming icon

fxemoji:swimming

The Swimming icon (fxemoji:swimming) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E2AF8D" d="m322.973 257.089l-.203-2.241c-.415-4.419-.879-9.777-1.552-15.912c-.68-6.135-1.478-13.05-2.404-20.593c-.474-3.771-.934-7.701-1.511-11.764l-1.831-12.583a1214 1214 0 0 0-4.378-27.19c-.788-4.724-1.807-9.51-2.786-14.371c-.504-2.429-1.099-4.865-1.668-7.319c-.582-2.453-1.162-4.922-1.83-7.393a515 515 0 0 0-8.922-30.174a242 242 0 0 0-2.667-7.743a146 146 0 0 0-2.972-7.953c-1.139-2.693-2.293-5.463-3.793-8.417a54 54 0 0 0-2.633-4.613c-1.044-1.615-2.263-3.332-3.985-5.2l-.323-.347l-.498-.521l-.083-.079l-.332-.317l-.696-.663l-1.329-1.185c-.443-.384-.934-.805-1.26-1.043c-1.475-1.138-2.887-2.198-4.289-3.09c-2.794-1.83-5.458-3.321-8.045-4.703c-2.592-1.372-5.077-2.651-7.56-3.777c-2.469-1.158-4.885-2.277-7.282-3.276a177 177 0 0 0-7.107-2.845a218 218 0 0 0-6.982-2.364a109 109 0 0 0-13.594-3.188c-4.436-.748-8.761-1.208-12.914-1.698l-6.119-.646l-5.898-.406c-3.851-.22-7.521-.479-11.026-.539c-3.503-.067-6.82-.102-9.933-.115c-5.647.087-10.618.233-14.832.515l-2.208-1.825c-1.921-1.587-3.927-3.062-6.057-4.263c-2.11-1.237-4.309-2.237-6.519-3.051a42 42 0 0 0-6.654-1.818c-1.108-.232-2.197-.344-3.292-.494a56 56 0 0 0-3.233-.227c-2.127-.059-4.22-.005-6.23.218c-2.026.191-3.971.538-5.86.963a53.2 53.2 0 0 0-10.519 3.604a61 61 0 0 0-8.988 5.144c-.701.467-1.373.956-2.031 1.455c-.664.494-1.327.986-1.952 1.508c-1.285 1.015-2.488 2.085-3.682 3.153c-1.155 1.097-2.308 2.186-3.379 3.325c-1.104 1.115-2.113 2.288-3.131 3.443l-1.47 1.765c-.486.582-.997 1.254-1.489 1.876l-.739.95c-.239.311-.39.552-.59.832l-1.129 1.623c-2.932 4.216-2.807 10.041.668 14.146c4.147 4.898 11.478 5.507 16.376 1.36l1.509-1.277c.243-.201.521-.453.736-.612l.628-.454l1.263-.915l1.36-.948c.92-.596 1.819-1.214 2.751-1.739c.915-.562 1.851-1.044 2.768-1.539c.934-.45 1.853-.906 2.78-1.284c.458-.211.923-.379 1.382-.552a18 18 0 0 1 1.373-.489a30 30 0 0 1 4.037-1.059c.051.22.101.44.162.659c2.215 7.921 10.432 12.546 18.353 10.33l17.774-4.971a16.3 16.3 0 0 0 3.409-1.383c3.84 1.17 8.344 2.459 13.379 3.986c2.884.837 5.942 1.747 9.147 2.732l10.041 3.055l10.754 3.407c3.684 1.175 7.44 2.492 11.242 3.796c1.898.652 3.81 1.33 5.716 2.019c1.919.656 3.821 1.351 5.726 2.059c3.803 1.335 7.6 2.75 11.126 4.296a83 83 0 0 1 5.096 2.261c1.596.775 3.099 1.566 4.331 2.348c1.235.774 2.248 1.541 2.766 2.09c.279.275.374.477.336.55c.086.084-.194-.1-.369-.234a6 6 0 0 1-.529-.457l.541.636l.299.349l.075.087c.196.208-1.292-1.347-.709-.732l-.168-.155c-.884-.867-1.141-1.176-1.266-1.177c-.111.001-.055.299.039.741c.202.889.564 2.356.902 3.999c.702 3.339 1.349 7.427 1.842 11.68c1.027 8.555 1.61 17.836 2.383 27.009l1.113 13.776c.452 4.563.748 9.114 1.208 13.587c.426 4.477.814 8.9 1.171 13.241l.512 6.448l.572 6.3l1.022 12.115c.31 3.919.71 7.704 1.02 11.346c.483 5.821 1.018 11.249 1.498 16.223c-5.131 2.005-10.297 4.66-15.358 7.918l-11.29-11.29c-.076-.076-.16-.14-.237-.214c10.738-22.731 6.72-50.701-12.075-69.495l-3.201-4.048c.187-.168.379-.326.559-.505c5.349-5.349 5.348-14.032-.004-19.384c-4.766-4.766-12.168-5.277-17.51-1.557l-1.364-1.725c-25.496-25.496-66.839-25.501-92.345.004c-25.496 25.496-25.492 66.839.005 92.336l1.747 1.38l-.001.001c-3.589 5.328-3.026 12.627 1.688 17.341c5.352 5.352 14.035 5.353 19.384.004c.13-.13.243-.271.367-.406l4.041 3.193c18.278 18.278 45.227 22.576 67.598 12.927c.233.264.458.533.71.786l11.35 11.35c-14.801 23.184-16.781 48.554-2.999 62.337l96.771 115.526l114.987-114.987z"/><path fill="#2B3B47" d="m133.522 211.268l6.457 6.457l-.01.01c.01.01.028.008.028.008c2.536 2.536 2.536 6.651 0 9.187s-6.651 2.536-9.192-.005l-.013-.013l-.02.02l-6.457-6.457l.055-.055c-2.147-2.557-2.051-6.355.355-8.761c2.399-2.399 6.197-2.495 8.751-.345zm54.951-54.952c-2.554-2.15-6.355-2.051-8.761.355c-2.396 2.396-2.495 6.197-.345 8.751l-.055.055l6.457 6.457l.02-.02l.013.013c2.541 2.541 6.656 2.541 9.182.015a6.5 6.5 0 0 0 0-9.187l-.018-.018l-6.457-6.457z"/><path fill="#FFF" d="m128.196 217.096l1.609 1.609l.004.004a1.618 1.618 0 0 1-2.288 2.288l-.004-.004l-.002.002l-1.609-1.609l.011-.011a1.62 1.62 0 0 1 .088-2.181a1.61 1.61 0 0 1 2.178-.085zm55.322-55.322a1.61 1.61 0 0 0-2.178.085a1.62 1.62 0 0 0-.088 2.181l-.011.011l1.609 1.609l.003-.002l.004.004a1.618 1.618 0 1 0 2.288-2.288l-.004-.004l-1.609-1.609z"/><path fill="#CE8E63" d="M218.452 243.52c9.891-9.891 16.074-22.082 18.56-34.851c-.012 15.645-5.984 31.287-17.921 43.224c-23.89 23.89-62.639 23.896-86.533.002l-2.335-2.042c26.492 19.799 64.162 17.734 88.229-6.333"/><path fill="#8E6049" d="m126.887 202.43l-.558.358a43 43 0 0 0-3.583 2.667c-.724.616-1.492 1.286-2.18 1.991q-.537.524-.998 1.064c-.333.353-.597.712-.867 1.058c-.293.345-.467.685-.692 1.005c-.23.322-.327.617-.491.895c-.172.282-.192.511-.294.73c-.103.221-.13.395-.147.533c-.053.283-.099.449-.099.449l-.225.799a2.543 2.543 0 0 1-4.989-.807l.049-1.065c.014-.346.05-.757.162-1.18c.108-.421.182-.963.376-1.431c.186-.474.354-1.049.615-1.545c.256-.501.504-1.077.825-1.572c.309-.516.628-1.057.988-1.547c.347-.515.717-1.012 1.1-1.487c.755-.973 1.564-1.863 2.334-2.687a50 50 0 0 1 2.181-2.144a45 45 0 0 1 1.63-1.439l.667-.545a3.63 3.63 0 1 1 4.257 5.863zm37.538-47.542a3.628 3.628 0 1 0 6.11 3.914l.037-.057l.358-.558a43 43 0 0 1 2.667-3.583c.616-.724 1.286-1.492 1.991-2.18q.524-.537 1.064-.998c.353-.333.712-.597 1.058-.867c.345-.293.685-.467 1.005-.692c.322-.23.617-.327.895-.491c.282-.172.511-.192.73-.294c.221-.103.395-.13.533-.147c.283-.053.449-.099.449-.099l.8-.225a2.544 2.544 0 0 0-.809-4.989l-1.065.049c-.346.014-.757.05-1.18.162c-.421.108-.963.182-1.431.376c-.474.186-1.049.354-1.545.615c-.501.256-1.077.504-1.572.825c-.516.309-1.057.628-1.547.988c-.515.347-1.012.717-1.487 1.1c-.973.755-1.863 1.564-2.687 2.334a50 50 0 0 0-2.144 2.181a45 45 0 0 0-1.439 1.63l-.545.667a4 4 0 0 0-.246.339"/><path fill="#CE8E63" d="M172.877 217.448c-.911 0-1.829-.101-2.74-.308a2.573 2.573 0 1 1 1.139-5.019c2.451.558 5.005-.205 6.836-2.033c1.834-1.833 2.599-4.393 2.044-6.85a2.573 2.573 0 1 1 5.021-1.133c.946 4.19-.335 8.536-3.427 11.624c-2.417 2.413-5.6 3.719-8.873 3.719m16.502 20.719c8.854-1.208 15.614-7.968 16.822-16.821a2.573 2.573 0 1 0-5.1-.696c-.906 6.638-5.78 11.513-12.418 12.418a2.573 2.573 0 1 0 .696 5.099"/><path fill="#332A23" d="m200.26 139.885l-18.504-18.504c-17.919-17.919-49.183-34.582-80.832-5.929l-.074-.074l-14.139 14.139c-32.694 32.694-20.142 63.501.112 83.755l20.254 20.254c3.608 3.608 7.601 1.041 4.015-5.934c-5.345-10.397-27.148-43.703-5.766-45.362c15.312-1.188 62.275-26.566 53.457-27.45c-2.873-.288-5.957-.805-9.172-1.496c30.509-20.196 43.125-10.268 47.44-8.991c7.303 2.161 3.209-4.408 3.209-4.408"/><path fill="#C2CACE" d="M101.298 224.749c.416 3.041-3.082 4.412-5.319 2.311C61 194.21 52.844 152.615 86.711 118.749c35.271-35.271 80.911-31.749 110.093 11.51c1.714 2.54.572 5.752-2.451 5.255c-12.976-2.135-35.382-2.184-61.978 24.413c-26.557 26.556-32.8 52.235-31.077 64.822"/><path fill="#59CAFC" d="M488.951 501.617c6.6 0 12-5.4 12-12V341.068c-31.955 1.492-58.707 1.046-66.89-3.674c-30.004-17.306 3.167-32.167-8.869-32.167c-28 0-36.165 22.584-53.964 19.744c-36.001-5.744-2.426-38.761-11.303-38.761c-40.698 0-66.982 50.722-92.698 40.517c-31.5-12.5 6.042-55.041-4-55.041c-62 0-93.404 33.464-151.995 56.902c-27.417 10.968-72.645 8.011-101.517 4.487v156.541c0 6.6 5.4 12 12 12h467.236z"/></svg>

How to use the Swimming icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:swimming" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:swimming" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:swimming" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--swimming]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:swimming"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:swimming"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/swimming.svg" alt="Swimming icon" width="24" height="24">

Swimming icon in other icon sets

Swimming icon FAQ

Is the Swimming icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Swimming icon in React?

Install @iconify/react and render <Icon icon="fxemoji:swimming" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Swimming icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/swimming.svg" alt="Swimming icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →