Polymer icon
logos:polymer
The Polymer icon (logos:polymer) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 178 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 × 178
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="178" viewBox="0 0 256 178"><g fill="none"><path fill="#ff4081" d="M153.6 177.98L51.193.605H102.4L204.807 177.98z"/><path fill="#fff" fill-opacity=".2" d="m153.6 177.98l25.6-44.344l25.607 44.344z"/><path fill="#fff" fill-opacity=".1" d="m128 133.636l25.6 44.344l25.6-44.344z"/><path fill="#000" fill-opacity=".1" d="m102.4 89.292l25.6 44.344l25.6-44.344z"/><path fill="#000" fill-opacity=".2" d="M102.4 89.292L128 44.948l25.6 44.344z"/><path fill="#000" fill-opacity=".3" d="m76.8 44.948l25.6 44.344L128 44.948z"/><path fill="#000" fill-opacity=".4" d="M76.8 44.948L102.4.605L128 44.948z"/><path fill="#000" fill-opacity=".5" d="M51.193.605L76.8 44.948L102.4.605z"/><path fill="#536dfe" d="M51.194 177.98L-.013 89.292L25.593 44.95L102.4 177.98H51.193"/><path fill="#fff" fill-opacity=".2" d="M51.194 177.98L76.8 133.636l25.6 44.344z"/><path fill="#fff" fill-opacity=".1" d="m25.593 133.636l25.6 44.344L76.8 133.636z"/><path d="m25.593 133.636l25.6-44.344L76.8 133.636z"/><path fill="#000" fill-opacity=".1" d="m-.013 89.292l25.606 44.344l25.6-44.344z"/><path fill="#000" fill-opacity=".2" d="M-.013 89.292L25.593 44.95l25.6 44.343z"/><path fill="#303f9f" d="m51.193 89.292l-25.6-44.344L51.193.605L76.8 44.948z"/><path fill="#000" fill-opacity=".2" d="M76.8 44.948L51.193.605l-25.6 44.343z"/><path fill="#3f51b5" d="m204.806 177.98l-25.607-44.344l25.607-44.343l25.6 44.343z"/><path fill="#000" fill-opacity=".2" d="m230.406 133.636l-25.6 44.344l-25.607-44.344z"/><path fill="#7986cb" d="M230.407 133.636L153.6.605h51.207l51.207 88.687z"/><path fill="#fff" fill-opacity=".2" d="m204.806 89.292l25.6 44.344l25.607-44.344z"/><path fill="#fff" fill-opacity=".1" d="m204.806 89.292l25.6-44.344l25.607 44.344z"/><path fill="#000" fill-opacity=".1" d="M179.2 44.948L204.806.605l25.6 44.343z"/><path fill="#000" fill-opacity=".2" d="m153.6.605l25.6 44.343L204.808.605z"/></g></svg>How to use the Polymer icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:polymer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:polymer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:polymer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--polymer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:polymer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:polymer"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/polymer.svg" alt="Polymer icon" width="24" height="24">Polymer icon in other icon sets
Polymer icon FAQ
Is the Polymer 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 Polymer icon in React?
Install @iconify/react and render <Icon icon="logos:polymer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Polymer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/polymer.svg" alt="Polymer icon">, or paste the SVG code inline to style it with CSS.