Speedboat icon
fxemoji:speedboat
The Speedboat icon (fxemoji:speedboat) 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
- Places
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFB636" d="M13.102 176.808c6.471 39.616 12.314 53.485 25.548 68.719s113.244 79.171 169.453 91.874c80.388 18.167 265.716 57.473 273.483-119.522z"/><path fill="#FFD469" d="M462.872 189.484c-76.745-29.717-325.71-49.282-424.251-23.891c-12.154 2.354-23.838 6.385-25.519 11.216c-7.538 21.663 275.462 113.36 403.407 123.078c4.293 1.052 8.594.549 12.341-1.122c.012-.002.029-.002.041-.003c28.019-3.933 80.98-91.079 33.981-109.278"/><ellipse cx="426.033" cy="241.942" fill="#A86D26" rx="9.65" ry="5.79"/><path fill="#A86D26" d="m390.517 217.381l-21.268 36.82a16.1 16.1 0 0 1-16.523 7.84l-95.406-15.484c-11.125-1.806-17.001-14.188-11.364-23.948l21.268-36.82a16.1 16.1 0 0 1 16.523-7.84l95.406 15.484c11.125 1.806 17.001 14.189 11.364 23.948"/><path fill="#2B3B47" d="M426.312 247.733a3.86 3.86 0 0 1-3.799-4.566l22.058-118.742a3.859 3.859 0 1 1 7.59 1.41l-22.058 118.742a3.86 3.86 0 0 1-3.791 3.156"/><path fill="#FF473E" d="M447.942 117.992c5.139 8.53 18.304 25.275 42.77 26.006c1.764.053 2.647 2.158 1.417 3.423c-8.3 8.534-31.759 28.599-54.865 10.919a2.02 2.02 0 0 1-.735-2.004l7.695-37.707c.37-1.809 2.765-2.219 3.718-.637"/><path fill="#B0E9FF" d="M258.896 240.517c3.381-11.461 13.496-32.445 41.967-30.025c4.283.364 8.116-2.768 8.539-7.046c1.992-20.144 8.681-36.452 21.603-47.67c5.216-4.528 2.782-13.03-4.066-13.937c-11.547-1.529-28.451 1.155-47.865 19.688c-27.112 25.882-38.567 58.022-36.395 70.029c1.605 8.868 1.156 12.071 5.542 13.979c4.319 1.879 9.343-.503 10.675-5.018"/><path fill="#FFB636" d="M347.086 261.151c10.388 1.705 20.316 7.681 37.962-27.611s3.396-53.817-10.574-42.421c-4.766 3.887-40.923 67.81-27.388 70.032"/><path fill="#59CAFC" d="M489.617 501.617c6.6 0 12-5.4 12-12v-148.58c-32.249 1.53-59.317 1.11-67.557-3.643c-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.208 10.884-71.953 8.055-100.85 4.568v156.46c0 6.6 5.4 12 12 12z"/></svg>How to use the Speedboat icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:speedboat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:speedboat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:speedboat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--speedboat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:speedboat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:speedboat"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/speedboat.svg" alt="Speedboat icon" width="24" height="24">Speedboat icon in other icon sets
Speedboat icon FAQ
Is the Speedboat 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 Speedboat icon in React?
Install @iconify/react and render <Icon icon="fxemoji:speedboat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Speedboat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/speedboat.svg" alt="Speedboat icon">, or paste the SVG code inline to style it with CSS.