ICONYZ
English
Blowfish icon from Firefox OS Emoji

Blowfish icon

fxemoji:blowfish

The Blowfish icon (fxemoji:blowfish) 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
Nature
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#5A7B90" d="M250.951 125.662c27.423-29.128 49.085-36.773 69.001-37.803c33.145-1.721 42.21 16.069 40.628 40.458c-1.574 24.388-25.435 56.835-25.435 56.835"/><path fill="#19B8C4" d="M483.154 195.21c-3.928-4.91-10.007-6.493-15.291-3.887l-36.44 17.968l-10.549 5.201c-20.868 10.243-21.731-3.14-33.041-20.648c-28.643-51.762-86.661-82.335-163.073-92.161C71.046 81.913 31.221 173.898 31.221 262.97c0 89.071 86.653 161.287 193.54 161.287c77.011 0 131.339-37.487 162.504-91.75c10.64-16.094 12.174-29.023 27.716-23.966l14.47 7.134l38.413 18.942c5.283 2.606 11.362 1.023 15.291-3.887C497.316 313.036 506 289.201 506 262.97s-8.684-50.067-22.846-67.76"/><path fill="#2C3C47" d="M111.61 194.26c9.609 0 17.417 7.791 17.417 17.433v21.402c0 9.625-7.808 17.433-17.417 17.433c-9.626 0-17.433-7.808-17.433-17.433v-21.402c0-9.641 7.808-17.433 17.433-17.433"/><path fill="#79CDD5" d="M31.475 272.981c4.074 84.413 60.552 151.272 193.287 151.272c142.799 0 177.827-122.087 190.22-115.716c0 0 1.875-1.721-6.874-1.079c-46.585 3.424-213.463 12.757-376.633-34.477"/><path fill="#5A7B90" d="M145.466 318.623c-5.471-7.539-6.566-18.212-2.776-27.066l3.197-7.466c3.79-8.863 11.72-14.171 20.119-13.473l28.211 2.346c10.681.885 19.129 11.143 19.413 23.755c.219 9.739-1.542 19.681-5.527 28.998c-3.985 9.309-9.723 16.889-16.499 22.473c-8.774 7.232-20.801 5.34-27.765-4.253zm269.513-10.087l14.47 7.134l38.413 18.942c5.283 2.606 11.361 1.023 15.29-3.888c14.162-17.684 22.847-41.521 22.847-67.759c0-26.23-8.685-50.067-22.847-67.751c-3.928-4.91-10.006-6.493-15.29-3.888l-36.432 17.968l-16.963 8.359"/><path fill="#F16E82" d="M25.412 233.927v.003C14.683 233.931 6 242.622 6 253.343c0 6.613 3.31 12.446 8.36 15.951C9.31 272.8 6 278.632 6 285.245c0 10.721 8.683 19.413 19.412 19.413v.007c19.535 0 35.368-15.842 35.368-35.369c0-19.534-15.833-35.369-35.368-35.369"/><path fill="#EF4B44" d="M27.05 274.668c-5.847 0-11.274-1.546-14.352-3.729A2.853 2.853 0 0 1 16 266.286c4.197 2.977 15.399 4.335 22.719-.408a2.854 2.854 0 0 1 3.103 4.788c-4.417 2.86-9.75 4.002-14.772 4.002"/></svg>

How to use the Blowfish icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:blowfish" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:blowfish" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:blowfish" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--blowfish]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:blowfish"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:blowfish"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/blowfish.svg" alt="Blowfish icon" width="24" height="24">

Blowfish icon in other icon sets

Blowfish icon FAQ

Is the Blowfish 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 Blowfish icon in React?

Install @iconify/react and render <Icon icon="fxemoji:blowfish" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Blowfish icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/blowfish.svg" alt="Blowfish icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →