Icône Sait Boat
fontisto:sait-boat
L'icône Sait Boat (fontisto:sait-boat) est une icône SVG gratuite de la collection Fontisto par Kenan Gündoğan. Elle est dessinée sur une grille de 21 × 24. Les Fontisto icons sont publiées sous la licence MIT, 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
- Fontisto
- Auteur
- Kenan Gündoğan
- Licence
- MIT
- Taille
- 21 × 24
- Catégorie
- Voyage
- Mots-clés
- saitboat
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24"><path fill="currentColor" d="M10.834 14.35a.416.416 0 0 0 .492.32h-.003l6.658-1.448a.4.4 0 0 0 .261-.185l.001-.002a.42.42 0 0 0 .054-.323l.001.003c-1.813-6.169-5.466-10.8-10.029-12.72H8.23a.415.415 0 0 0-.405.506L7.824.498zm-6.439 1.82l5.259-1.138a.42.42 0 0 0 .261-.178l.001-.002a.38.38 0 0 0 .054-.312l.001.003L8.296 6.83a.4.4 0 0 0-.335-.32h-.002a.2.2 0 0 0-.055-.007h-.015h.001a.41.41 0 0 0-.357.204l-.001.002l-.117.2c-1.558 2.646-2.909 4.935-3.52 8.795a.42.42 0 0 0 .123.365a.46.46 0 0 0 .38.098h-.003zm-.509 4.212a.35.35 0 0 0 .228-.09l.24-.24a2.425 2.425 0 0 1 3.418 0l.24.24a.3.3 0 0 0 .217.09h.01a.35.35 0 0 0 .228-.09l.255-.255a2.42 2.42 0 0 1 1.699-.696c.666 0 1.268.269 1.706.703l.234.234a.34.34 0 0 0 .227.097h.001a.35.35 0 0 0 .228-.09l.234-.234a2.425 2.425 0 0 1 3.418 0l.24.24c.056.055.132.09.217.09h.011h-.001a.35.35 0 0 0 .228-.09l.24-.24a2.4 2.4 0 0 1 .811-.532l.016-.006c.021-.042.048-.075.069-.117l2.488-5.073a.47.47 0 0 0-.049-.481l.001.001a.46.46 0 0 0-.459-.165l.003-.001l-17.666 3.832a.56.56 0 0 0-.399.755l-.001-.004l.565 1.434c.346.145.641.346.889.593a.24.24 0 0 0 .191.095l.025-.001h-.001zm16.535 2.109c-.34-.337-.807-.544-1.323-.544s-.984.208-1.323.545l-.24.24a.863.863 0 0 1-1.213 0l-.24-.24c-.34-.337-.807-.544-1.323-.544s-.984.208-1.323.545l-.234.234a.86.86 0 0 1-.605.248h-.006a.84.84 0 0 1-.602-.255l-.235-.235a1.88 1.88 0 0 0-1.327-.545c-.514 0-.979.205-1.32.538l-.255.255a.863.863 0 0 1-1.213 0l-.24-.24c-.34-.337-.807-.545-1.324-.545s-.984.208-1.324.545l-.24.24a.863.863 0 0 1-1.213 0c-.402-.396-.955-.641-1.565-.641s-1.162.245-1.565.641a.505.505 0 0 0 0 .72a.5.5 0 0 0 .358.151H.53a.5.5 0 0 0 .354-.145a1.196 1.196 0 0 1 1.696 0c.34.336.807.544 1.323.544s.984-.208 1.323-.544l.24-.24a.863.863 0 0 1 1.213 0l.24.24c.336.336.8.544 1.313.544h.011h-.001h.003c.512 0 .976-.205 1.314-.538l.262-.255a.863.863 0 0 1 1.213 0l.234.234c.338.34.806.55 1.323.551h.011c.513 0 .977-.208 1.312-.544l.234-.234a.863.863 0 0 1 1.213 0l.24.24c.34.336.807.544 1.323.544s.984-.208 1.323-.544l.24-.24a.863.863 0 0 1 1.213 0c.091.09.216.145.355.145h.011a.5.5 0 0 0 .352-.151a.5.5 0 0 0 .001-.719z"/><path fill="currentColor" d="M1.708 21.043h.004c.33 0 .628.134.844.351c.34.337.807.544 1.323.544s.984-.208 1.323-.545l.24-.24a.863.863 0 0 1 1.213 0l.24.24c.336.337.8.545 1.314.545h.01h-.001h.003c.512 0 .976-.205 1.314-.538l.262-.255a.863.863 0 0 1 1.22.007l.234.234c.338.339.806.55 1.323.551h.01c.513 0 .977-.208 1.313-.545l.234-.234a.863.863 0 0 1 1.213 0l.24.24c.34.337.807.544 1.323.544s.984-.208 1.323-.545l.24-.24a.863.863 0 0 1 1.213 0c.091.09.216.145.354.145h.011a.5.5 0 0 0 .352-.151a.505.505 0 0 0 0-.72c-.34-.337-.807-.544-1.323-.544s-.984.208-1.323.545l-.24.24a.863.863 0 0 1-1.213 0l-.24-.24c-.34-.337-.807-.544-1.323-.544s-.984.208-1.323.545l-.234.234a.86.86 0 0 1-.605.248h-.006a.84.84 0 0 1-.602-.255l-.235-.235a1.88 1.88 0 0 0-1.326-.544c-.514 0-.98.205-1.32.538l-.255.255a.863.863 0 0 1-1.213 0l-.24-.24c-.34-.337-.807-.545-1.324-.545s-.984.208-1.324.545l-.24.24a.863.863 0 0 1-1.213 0c-.402-.396-.955-.641-1.565-.641s-1.162.245-1.565.641a.5.5 0 0 0 0 .72a.5.5 0 0 0 .358.152H.51a.5.5 0 0 0 .354-.145c.211-.221.507-.359.837-.359h.005z"/></svg>Comment utiliser l'icône Sait Boat
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:sait-boat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:sait-boat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:sait-boat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--sait-boat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:sait-boat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:sait-boat"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fontisto/sait-boat.svg" alt="Icône Sait Boat" width="24" height="24">FAQ : Icône Sait Boat
L'icône Sait Boat est-elle gratuite pour un usage commercial ?
Oui. Les Fontisto icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sait Boat dans React ?
Installez @iconify/react et affichez <Icon icon="fontisto:sait-boat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sait Boat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fontisto/sait-boat.svg" alt="Icône Sait Boat">, ou collez le code SVG directement dans la page pour le styliser en CSS.