Terser icon
logos:terser
The Terser icon (logos:terser) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 157 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
- 512 × 157
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="157" viewBox="0 0 512 157"><path fill="#ff6b00" d="M7.964 0h26.738v58.027H7.964zm0 84.764v43.805c0 19.911 15.36 27.307 26.738 27.307h13.085v-27.307H34.702V84.764z"/><path fill="#05ce7c" d="M0 58.027h10.362v26.737H0zm33.117 0h14.67v26.737h-14.67z"/><path fill="#055600" d="M7.964 58.027h26.738v26.738H7.964z"/><path fill="#da1800" d="m133.12 111.502l27.307-11.378c-3.698-8.76-7.396-17.066-10.81-21.617L122.88 89.884zm-34.133 13.654l-9.671-21.618l-27.876 11.378c2.105 8.704 5.689 16.611 10.24 22.186z"/><path fill="#ff6b00" d="m122.88 89.884l26.738-11.377c-29.014-40.96-95.005-17.067-88.178 36.409l27.876-11.378c2.616-17.465 21.048-24.235 33.564-13.654"/><path fill="#da3ab3" d="M89.316 103.538c-.37 4.46.04 8.203 1.209 11.409c1.531 4.195 4.366 7.467 8.462 10.209l34.133-13.654c-1.764-8.42-4.494-15.644-10.24-21.618z"/><path fill="#ff6b00" d="M71.68 137.102c20.139 24.86 55.751 24.462 78.507 3.414l-17.067-21.05c-8.533 9.672-26.169 11.378-34.133 5.69"/><path fill="#da3ab3" d="M200.818 59.164v-1.137H174.08V92.16z"/><path fill="#00b3e3" d="m200.818 59.164l-2.112 3.075l.699 28.938l1.413.983c2.674-7.623 10.467-9.728 15.929-4.551l19.342-19.342c-10.695-10.127-23.837-12.288-35.271-9.103"/><path fill="#00299f" d="M200.818 59.164c-14.052 3.926-25.486 16.214-26.738 32.996v63.716h26.738z"/><path fill="#ff4338" d="M315.733 58.027h-42.666c-38.23 6.883-34.532 61.212 3.982 62.009h16.498c5.802 0 5.802 9.102 0 9.102h-38.685v26.738h38.685c20.707-2.048 30.492-15.19 30.72-30.152c.227-16.327-11.549-32.426-31.29-32.426h-17.066c-3.755-1.309-3.755-7.054 0-8.534h39.822z"/><path fill="#da1800" d="m409.031 111.502l27.307-11.378c-3.698-8.76-7.396-17.066-10.81-21.617l-26.737 11.377zm-34.133 13.654l-9.671-21.618l-27.876 11.378c2.105 8.704 5.689 16.611 10.24 22.186z"/><path fill="#ff6b00" d="m398.791 89.884l26.738-11.377c-29.013-40.96-95.005-17.067-88.178 36.409l27.876-11.378c2.617-17.465 21.049-24.235 33.564-13.654"/><path fill="#da3ab3" d="M365.227 103.538c-.854 10.297 2.446 16.782 9.67 21.618l34.134-13.654c-1.763-8.42-4.494-15.644-10.24-21.618z"/><path fill="#ff6b00" d="M347.591 137.102c20.139 24.86 55.751 24.462 78.507 3.414l-17.067-21.05c-8.533 9.672-26.169 11.378-34.133 5.69"/><path fill="#da3ab3" d="M476.729 59.164v-1.137h-26.738V92.16z"/><path fill="#00b3e3" d="m476.729 59.164l-.705 1.337v30.752l.705.907c2.674-7.623 10.467-9.728 15.929-4.551L512 68.267c-10.695-10.127-23.836-12.288-35.271-9.103"/><path fill="#00299f" d="M476.729 59.164c-14.052 3.926-25.486 16.214-26.738 32.996v63.716h26.738z"/></svg>How to use the Terser icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:terser" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:terser" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:terser" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--terser]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:terser"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:terser"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/terser.svg" alt="Terser icon" width="24" height="24">Related icons in SVG Logos
Terser icon in other icon sets
Terser icon FAQ
Is the Terser 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 Terser icon in React?
Install @iconify/react and render <Icon icon="logos:terser" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Terser icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/terser.svg" alt="Terser icon">, or paste the SVG code inline to style it with CSS.