Semaphoreci icon
logos:semaphoreci
The Semaphoreci icon (logos:semaphoreci) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 160 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 160
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="160" viewBox="0 0 256 160"><path fill="#f06332" d="m26.523 66.618l44.35 44.995c12.778 12.995 33.718 12.995 46.496 0L152.483 75.9c5.047-5.133 13.316-5.133 18.363 0l17.395 17.692L144 138.697c-13.745 13.978-31.785 20.859-49.826 20.859c-18.04 0-36.08-6.99-49.825-20.968L0 93.593z"/><path fill="#029d74" d="M211.65 20.968L256 66.072l-26.63 27.084l-44.35-45.103c-12.886-13.106-33.61-13.106-46.496 0L103.41 83.764c-5.047 5.133-13.316 5.133-18.363 0L67.651 66.072l44.35-45.104c27.489-27.957 72.16-27.957 99.65 0"/></svg>How to use the Semaphoreci icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:semaphoreci" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:semaphoreci" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:semaphoreci" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--semaphoreci]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:semaphoreci"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:semaphoreci"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/semaphoreci.svg" alt="Semaphoreci icon" width="24" height="24">Semaphoreci icon in other icon sets
Semaphoreci icon FAQ
Is the Semaphoreci icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Semaphoreci icon in React?
Install @iconify/react and render <Icon icon="logos:semaphoreci" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Semaphoreci icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/semaphoreci.svg" alt="Semaphoreci icon">, or paste the SVG code inline to style it with CSS.