Precursor icon
logos:precursor
The Precursor icon (logos:precursor) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 299 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 × 299
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="299" viewBox="0 0 256 299"><path fill="#333" d="M128 0C57.344 0 0 57.344 0 128a128.1 128.1 0 0 0 10.24 50.261l39.253-16.725c-4.437-10.325-6.826-21.59-6.826-33.536c0-47.104 38.229-85.333 85.333-85.333S213.333 80.896 213.333 128c0 43.69-32.853 79.616-75.093 84.736l5.12 42.325C206.763 247.467 256 193.536 256 128C256 57.344 198.656 0 128 0m-12.8 298.667H72.533v-192H115.2z"/></svg>How to use the Precursor icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:precursor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:precursor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:precursor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--precursor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:precursor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:precursor"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/precursor.svg" alt="Precursor icon" width="24" height="24">Precursor icon FAQ
Is the Precursor 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 Precursor icon in React?
Install @iconify/react and render <Icon icon="logos:precursor" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Precursor icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/precursor.svg" alt="Precursor icon">, or paste the SVG code inline to style it with CSS.