Icône Sailing Rounded
material-symbols-light:sailing-rounded
L'icône Sailing Rounded (material-symbols-light:sailing-rounded) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Material Symbols Light
- Auteur
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Transports en commun
- Mots-clés
- boat, boating, entertainment, fishing, hobby, ocean, sailboat, sailing, sea, social sports, travel, water, maps, sailingrounded
Code 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>Comment utiliser l'icône 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>Web component
<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>Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/sailing-rounded.svg" alt="Icône Sailing Rounded" width="24" height="24">Icônes similaires dans Material Symbols Light
L'icône Sailing Rounded dans d'autres collections
FAQ : Icône Sailing Rounded
L'icône Sailing Rounded est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sailing Rounded dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:sailing-rounded" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sailing Rounded à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/sailing-rounded.svg" alt="Icône Sailing Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.