Иконка Sailing Rounded
material-symbols-light:sailing-rounded
Иконка Sailing Rounded (material-symbols-light:sailing-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Общественный транспорт
- Теги
- boat, boating, entertainment, fishing, hobby, ocean, sailboat, sailing, sea, social sports, travel, water, maps, sailingrounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.85 11.733l4.544-6.546q.137-.187.314-.24t.363.003t.308.212t.121.373v6.657q0 .349-.23.578t-.578.23h-4.19q-.242 0-.42-.121q-.176-.121-.282-.308q-.106-.186-.096-.406t.146-.432M14.223 13q-.558 0-.689-.397t-.019-.834q.193-.892.339-2.02T14 7.5q0-1.217-.136-2.372q-.137-1.155-.33-2.076q-.05-.206.023-.352q.072-.146.202-.233q.131-.106.302-.124q.172-.018.333.101q1.289.783 2.284 1.842t1.78 2.364q.752 1.252 1.239 2.625t.67 2.823q.05.368-.195.635T19.56 13zM9 19.116q-.67 0-1.285-.253q-.617-.253-1.174-.62q-.132-.087-.258-.118q-.127-.03-.264-.011t-.26.062q-.125.043-.23.149q-.148.142-.298.238t-.329.162q-.567-.436-1.012-.962t-.76-1.155q-.2-.38.052-.743q.25-.365.674-.365h16.288q.423 0 .659.362q.236.361.066.746q-.344.61-.774 1.145q-.43.536-.997.972q-.16-.067-.329-.172t-.298-.228q-.105-.106-.23-.149q-.124-.043-.26-.062t-.264.008t-.257.115q-.558.367-1.175.623q-.616.256-1.285.256q-.708 0-1.34-.278t-1.208-.665q-.106-.067-.21-.107q-.106-.041-.242-.041t-.241.04t-.211.108q-.577.387-1.209.665T9 19.115m3 2.577q-.783.414-1.533.611T9 22.5t-1.467-.197T6 21.693q-.783.413-1.533.61T3 22.5q-.213 0-.357-.143T2.5 22q0-.188.18-.274T3 21.5q.714 0 1.36-.238q.648-.237 1.286-.537q.087-.05.177-.066q.09-.015.177-.015t.177.015t.177.066q.638.3 1.285.534T9 21.495t1.36-.234t1.286-.535q.087-.05.177-.065q.09-.016.177-.016t.177.016t.177.065q.638.3 1.286.535q.647.234 1.36.234t1.36-.234t1.286-.535q.062-.03.354-.08q.03 0 .354.08q.638.3 1.286.538q.647.237 1.36.237q.214 0 .357.143T21.5 22q0 .189-.18.274T21 22.5q-.717 0-1.467-.197T18 21.693q-.783.413-1.533.61T15 22.5t-1.467-.197t-1.533-.61"/></svg>Как использовать иконку Sailing Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:sailing-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:sailing-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:sailing-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--sailing-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sailing-rounded"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:sailing-rounded"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/sailing-rounded.svg" alt="Иконка Sailing Rounded" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Sailing Rounded в других наборах
Вопросы и ответы: Иконка Sailing Rounded
Можно ли бесплатно использовать иконку Sailing Rounded в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sailing Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:sailing-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sailing Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/sailing-rounded.svg" alt="Иконка Sailing Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.