Syringe icon

fxemoji:syringe

The Syringe icon (fxemoji:syringe) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 72 × 72 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: 72 × 72
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#E5E4DF" d="m15.752 70.729l-.788.788c-.016.016-.036.022-.054.036c-.018.021-.029.047-.048.066c-1.276 1.276-5.561-.941-9.572-4.952S-.938 58.371.338 57.095c.019-.019.045-.03.066-.048c.013-.017.02-.038.036-.054l.788-.788a.52.52 0 0 1 .735 0l.806.806c1.928.662 4.589 2.483 7.141 5.035s4.373 5.213 5.035 7.141l.807.807a.52.52 0 0 1 0 .735"/><path fill="#F4F3EF" d="M16.12 70.361c-1.276 1.276-5.561-.941-9.572-4.952S.32 57.113 1.596 55.837s5.561.941 9.572 4.952s6.228 8.296 4.952 9.572"/><path fill="#E5E4DF" d="m31.852 58.512l-.998.998c-.02.02-.046.028-.068.045c-.022.026-.036.059-.061.084c-1.09 1.09-3.915.163-7.196-2.11a.33.33 0 0 1-.096.232l-9.051 9.051c-.011.011-.028.007-.04.016c-.011.013-.012.036-.025.048c-.811.811-3.537-.599-6.088-3.15s-3.961-5.277-3.15-6.088c.013-.013.035-.014.048-.025c.009-.012.005-.029.016-.04l9.051-9.051a.33.33 0 0 1 .232-.096c-2.273-3.281-3.2-6.106-2.11-7.195c.024-.024.058-.038.084-.061c.017-.022.025-.048.045-.068l.998-.998a.66.66 0 0 1 .932 0l1.022 1.022c2.444.839 5.816 3.146 9.05 6.381s5.543 6.606 6.381 9.051l1.022 1.022a.66.66 0 0 1 .002.932"/><path fill="#F4F3EF" d="M32.318 58.046c-1.617 1.617-7.048-1.193-12.132-6.276s-7.893-10.515-6.276-12.132s7.048 1.193 12.132 6.276s7.893 10.516 6.276 12.132"/><path fill="#BFBCAF" d="M45.531 40.986L31.265 55.253c-.016.016-.037.022-.054.036c-.018.021-.029.047-.048.066c-1.279 1.279-5.575-.944-9.596-4.965s-6.244-8.317-4.964-9.596c.019-.019.045-.03.066-.048c.013-.017.02-.038.036-.054l14.267-14.267a.52.52 0 0 1 .737 0l13.824 13.824a.52.52 0 0 1-.002.737"/><path fill="#2B3B47" d="m55.584 30.934l-9.62 9.62c-.016.016-.037.022-.054.036c-.018.021-.029.047-.048.066c-1.279 1.279-5.575-.944-9.596-4.964s-6.244-8.317-4.964-9.596c.019-.019.046-.03.066-.048c.013-.017.02-.038.036-.054l9.62-9.62a.52.52 0 0 1 .737 0l13.824 13.824a.52.52 0 0 1-.001.736"/><path fill="#FF473E" d="m57.632 28.886l-9.62 9.62c-.016.016-.037.022-.054.036c-.018.021-.029.047-.048.066c-1.279 1.279-5.575-.944-9.596-4.965s-6.244-8.317-4.964-9.596c.019-.019.045-.03.066-.048c.013-.017.02-.038.036-.054l9.62-9.62a.52.52 0 0 1 .737 0l13.824 13.824a.523.523 0 0 1-.001.737"/><path fill="#FF6E83" d="M58 28.517c-1.279 1.279-5.575-.944-9.596-4.964s-6.244-8.317-4.965-9.596s5.575.944 9.596 4.964s6.244 8.317 4.965 9.596"/><path fill="#FBFBFB" d="M45.163 33.913a1.076 1.076 0 0 1-.762-1.838l7.496-7.496a1.076 1.076 0 1 1 1.523 1.523l-7.496 7.496c-.209.21-.486.315-.761.315"/><path fill="#E5E4DF" d="m59.237 21.958l-2.856 2.856c-.011.011-.028.007-.04.016c-.011.013-.012.036-.025.048c-.811.811-3.537-.599-6.088-3.15s-3.961-5.277-3.15-6.088c.013-.013.035-.014.048-.025c.009-.012.005-.029.016-.04l2.856-2.856a.33.33 0 0 1 .468 0l8.77 8.77c.13.13.13.339.001.469"/><path fill="#F4F3EF" d="M59.471 21.724c-.811.811-3.537-.599-6.088-3.15s-3.961-5.277-3.15-6.088s3.537.599 6.088 3.15s3.961 5.276 3.15 6.088"/><path fill="#BFBCAF" d="M54.776 17.029a1.44 1.44 0 0 1 .066-2.099L71.768.021l.167.167l-14.908 16.926a1.44 1.44 0 0 1-2.099.066z"/><path fill="#FF473E" d="m63.113 32.338l1.987 5a2.984 2.984 0 1 1-5.712 0l1.987-5a.91.91 0 0 1 1.133-.606a.93.93 0 0 1 .605.606m7.025-18.677a.623.623 0 0 0-.777.415l-1.362 3.428a2.046 2.046 0 1 0 3.916-.001l-1.362-3.428a.63.63 0 0 0-.415-.414"/></svg>

How to use the Syringe icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Syringe icon in other icon sets

Syringe icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →