Polaroid icon
streamline-plump-color:polaroid
The Polaroid icon (streamline-plump-color:polaroid) is a free SVG icon from the Plump color icons set by Streamline. It is drawn on a 48 × 48 grid. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- ImagesPhotography
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M12.895 39.197a.42.42 0 0 1 .408-.275C14.977 38.97 16.872 39 19 39c4.98 0 8.684-.164 11.258-.344c4.546-.319 8.08-3.852 8.398-8.398C38.836 27.684 39 23.98 39 19c0-1.84-.023-3.506-.06-5.005c1.203.378 2.24.722 3.122 1.025c2.424.836 3.804 3.225 3.315 5.742c-.473 2.435-1.253 5.964-2.519 10.69c-1.266 4.727-2.356 8.172-3.164 10.518c-.835 2.424-3.225 3.804-5.741 3.315c-2.436-.473-5.965-1.252-10.69-2.519c-4.46-1.195-7.78-2.232-10.11-3.024a.42.42 0 0 1-.258-.545"/><path fill="#8fbffa" d="M12.895 39.198a.42.42 0 0 1 .409-.276C14.977 38.97 16.872 39 19 39c4.98 0 8.684-.163 11.258-.344a9.2 9.2 0 0 0 2.602-.564l7.463 2q-.338 1.036-.628 1.88c-.835 2.423-3.225 3.803-5.742 3.314c-2.435-.473-5.964-1.253-10.69-2.519c-4.46-1.195-7.779-2.232-10.11-3.024a.42.42 0 0 1-.259-.545m-9.56-9.22c.18 2.558 2.13 4.509 4.688 4.688C10.497 34.84 14.107 35 19 35s8.503-.16 10.978-.334c2.558-.18 4.509-2.13 4.688-4.688C34.84 27.503 35 23.893 35 19s-.16-8.503-.334-10.978c-.18-2.558-2.13-4.509-4.688-4.688C27.503 3.16 23.893 3 19 3s-8.503.16-10.978.334c-2.558.18-4.509 2.13-4.688 4.688C3.16 10.497 3 14.107 3 19s.16 8.503.334 10.978"/><path fill="#fff" d="M8.021 34.666c-2.557-.18-4.508-2.13-4.688-4.688q-.062-.89-.12-1.978h31.573q-.058 1.089-.12 1.978c-.18 2.558-2.13 4.509-4.688 4.688C27.503 34.84 23.893 35 19 35s-8.504-.16-10.979-.334"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M40 14.335q1.146.371 2.063.688c2.424.835 3.803 3.225 3.315 5.741c-.473 2.436-1.253 5.965-2.52 10.69c-1.266 4.727-2.355 8.173-3.163 10.519c-.835 2.424-3.225 3.803-5.741 3.314c-2.436-.473-5.965-1.252-10.691-2.519c-4.243-1.136-7.454-2.13-9.763-2.907m26.625.327L34 38.546"/><path stroke="#2859c5" stroke-linejoin="round" d="M3.334 29.978c.18 2.558 2.13 4.509 4.688 4.688C10.497 34.84 14.107 35 19 35s8.503-.16 10.978-.334c2.558-.18 4.509-2.13 4.688-4.688C34.84 27.503 35 23.893 35 19s-.16-8.503-.334-10.978c-.18-2.558-2.13-4.509-4.688-4.688C27.503 3.16 23.893 3 19 3s-8.503.16-10.978.334c-2.558.18-4.509 2.13-4.688 4.688C3.16 10.497 3 14.107 3 19s.16 8.503.334 10.978Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.5 28h31"/></g></svg>
How to use the Polaroid icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:polaroid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:polaroid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:polaroid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--polaroid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:polaroid"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:polaroid"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/polaroid.svg" alt="Polaroid icon" width="24" height="24">
Related icons in Plump color icons
Polaroid icon in other icon sets
Polaroid icon FAQ
Is the Polaroid icon free for commercial use?
Yes. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Polaroid icon in React?
Install @iconify/react and render <Icon icon="streamline-plump-color:polaroid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Polaroid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/polaroid.svg" alt="Polaroid icon">, or paste the SVG code inline to style it with CSS.
Browse all Plump color icons →
ICONYZ
