Иконка Pool
material-symbols-light:pool
Иконка Pool (material-symbols-light:pool) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Google
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Путешествия
- Теги
- athlete, athletic, beach, body, entertainment, exercise, hobby, human, ocean, people, person, places, sea, sports, swim, swimming
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 20.462v-1.039q.777-.096 1.242-.51q.466-.413 1.635-.413t1.733.5t1.579.5t1.578-.5T12 18.5t1.752.5t1.598.5t1.56-.5t1.713-.5t1.635.414t1.242.509v1.039q-.898-.116-1.418-.539t-1.459-.423t-1.482.5q-.545.5-1.791.5t-1.829-.5q-.582-.5-1.521-.5t-1.502.5t-1.81.5t-1.81-.5q-.562-.5-1.501-.5t-1.459.423t-1.418.539m0-4.5v-1.039q.777-.096 1.242-.51Q4.208 14 5.377 14t1.736.5t1.576.5q1.015 0 1.578-.5T12 14t1.733.5t1.578.5t1.58-.5q.563-.5 1.732-.5t1.635.414t1.242.509v1.038q-.898-.115-1.418-.538T18.623 15t-1.474.5t-1.799.5q-1.252 0-1.832-.5T12 15q-.95 0-1.499.5t-1.812.5t-1.819-.5t-1.493-.5t-1.459.423t-1.418.539m5.284-4.793l3.23-3.228l-1.539-1.539q-.806-.806-1.634-1.133q-.83-.327-2.103-.385V3.5q1.568.058 2.6.441q1.033.384 2.054 1.405l5.824 5.823q-.195.16-.402.246t-.483.085q-.67 0-1.32-.5T12 10.5t-2.011.5t-1.32.5q-.275 0-.483-.085t-.401-.246m10.142-6.855q.62.622.62 1.494q0 .876-.62 1.496t-1.496.619t-1.497-.62q-.618-.618-.618-1.495q0-.872.618-1.494q.62-.622 1.497-.622t1.496.622"/></svg>
Как использовать иконку Pool
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:pool" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:pool" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:pool" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--pool]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:pool"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:pool"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/pool.svg" alt="Иконка Pool" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Pool в других наборах
Вопросы и ответы: Иконка Pool
Можно ли бесплатно использовать иконку Pool в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pool в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:pool" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pool на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/pool.svg" alt="Иконка Pool">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
ICONYZ
