Optin Monster icon
la:optin-monster
The Optin Monster icon (la:optin-monster) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome icons are released under the Apache 2.0 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
- Line Awesome
- Author
- Icons8
- License
- Apache-2.0
- Size
- 32 × 32
- Category
- Other
- Tags
- optinmonster
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.844 3.25C14.738 3.25 14 5.031 14 5.031s1.055-.656 2.406-.656c2.317 0 3.719 1.813 3.719 1.813s-.066-2.938-3.281-2.938m-1.969 2.281c-3.105 0-4.719.5-4.719.5s1.617.262 2.781.782c-4.332.605-6.406 3.218-6.406 3.218s1.606-.281 2.188-.219a6.4 6.4 0 0 0-1.313 1c-.062 0-.133.004-.187 0c-.7-.062-.98-.023-1.032-.718C6.138 9.398 6.02 9 5.375 9s-1.563 1.414-1.563 2.844c0 1.625.372 3.031 3.22 3.125c-.005.031 0 .125 0 .125s.956.058 1.218.625c.121.035.227.105.344.187L7.78 16c-.261-.324-.625-.375-.968-.375c-.028-.172-.262-.531-.594-.531c-.57 0-.844.812-.844.812s-1.25.375-1.25 1.719c0 1.55 1.387 2.313 2.281 2.313v1.03c-.242-.214-.48-.343-.687-.343c-.211 0-.43.031-.625.063c-.098-.106-.282-.282-.5-.282c-.278 0-.336.332-.344.532c-.29.12-.574.261-.813.437a.7.7 0 0 0-.312-.094c-.172 0-.188.176-.188.282c0 .05-.015.148 0 .25a3.7 3.7 0 0 0-.5.687a1 1 0 0 0-.28-.063c-.122 0-.157.04-.157.125c0 .063.07.336.156.532c-.066.207-.094.41-.094.593c0 1.153 1.829 3.063 3.688 3.063c.21 0 1.406-.203 1.906-1.156c.11.004 5.614.156 8.219.156c2.594 0 8.273-.184 8.438-.188c.492.977 1.722 1.188 1.937 1.188c1.86 0 3.688-1.91 3.688-3.063c0-.183-.028-.355-.094-.562c.086-.195.156-.5.156-.563c0-.085-.035-.125-.156-.125c-.074 0-.203.036-.282.063a3.7 3.7 0 0 0-.5-.688c.016-.101 0-.199 0-.25c0-.105-.015-.28-.187-.28a.7.7 0 0 0-.313.093a4 4 0 0 0-.812-.438c-.008-.199-.066-.53-.344-.53c-.218 0-.402.175-.5.28c-.195-.03-.414-.03-.625-.03c-.207 0-.445.097-.687.312v-1.032c.894 0 2.281-.761 2.281-2.312c0-1.344-1.25-1.719-1.25-1.719s-.273-.812-.844-.812c-.332 0-.566.36-.593.531c-.356 0-.739.047-1 .406c-.168-.015-.489-.058-.875-.093a2 2 0 0 1 .437-.22c.367-.558 1.219-.593 1.219-.593v-.156c2.933-.067 3.281-1.512 3.281-3.156c0-1.426-.887-2.813-1.531-2.813c-.645 0-.793.367-.844 1.063c-.05.695-.332.687-1.031.75c-.25.023-.563-.008-.782-.032c-1.125-2.543-3.62-5.25-9.187-5.25zm1.188 1a3.72 3.72 0 0 1 3.718 3.719a3.72 3.72 0 0 1-3.718 3.719c-2.055 0-3.75-1.664-3.75-3.719s1.695-3.719 3.75-3.719m.062 2.563c-.344 0-.672.043-.969.156c.446.164.75.586.75 1.063c0 .62-.523 1.124-1.187 1.124c-.45 0-.856-.218-1.063-.562a2 2 0 0 0-.062.531c0 1.29 1.136 2.344 2.531 2.344s2.531-1.055 2.531-2.344s-1.136-2.312-2.531-2.312m-10.656.594c.234 0 .238.445.25.593c.011.149.093.375.093.375c-1.113.555-1.34 1.453-1.5 1.781c0-2.316.922-2.75 1.157-2.75zm21.125.03c.234 0 1.187.407 1.187 2.72c-.16-.329-.418-1.231-1.531-1.782c0 0 .082-.226.094-.375c.011-.148.015-.562.25-.562zM6.03 11c.117.098.223.25.657.281c0 0-.657.95-.657 2s.094 1.063.094 1.063s-1.254-.196-1.563-.938c.075-1.113.536-2.078 1.47-2.406zm20.032 0c.933.328 1.363 1.293 1.437 2.406c-.309.742-1.563.938-1.563.938s.094-.012.094-1.063s-.656-2-.656-2c.434-.031.57-.187.688-.281m-1.782.344h.625s.75.922.75 1.812s-.093 1.281-.093 1.281l-.625.032a11 11 0 0 0-.657-3.125m-16.406.094l-.094.5l-.03.062c-.367.875-.566 1.844-.656 2.469l-.563-.031s-.125-.391-.125-1.282c0-.566.274-1.062.5-1.406c.32-.125.664-.227.969-.313zm9.875 3.5c.46 0 1.313.03 1.313.03s.062.493.062 1c0 .282-.012.563-.031.72c-.028.203-.035.406-.5.406c-.555 0-.477.062-.844.062s-1.32.004-1.375-.5c-.063-.554-.125-1.687-.125-1.687s1.04-.031 1.5-.031m-2.188.03s.094.79.094 1.532s.012.102-.031.719c-.023.332.133.5-1.375.5c-1.563 0-1.563-.09-1.563-1.282c0-1.19.094-1.437.094-1.437s2.559 0 2.781-.031zm4.188 0s1.79.067 1.938.095c0 .546-.329 2.812-1.344 2.812c-.352 0-.36-1.188-.407-1.688a12 12 0 0 0-.187-1.218zM12.125 15L12 16.688c-.02.265-.094.789-.094.843c0 .055-.058.313-.25.313c-.215 0-1.406-.383-1.406-2.063c0-.308.063-.687.063-.687zm-2.344 1.469c.301 1.351 1.48 1.937 1.938 1.937c.48 0 .554-.46.594-.718c.3.523 1.164.562 1.75.562c2.207 0 2.18-.527 2.218-.75c0 0 .344.219 1.313.219c1.918 0 2.031-.469 2.031-.469s.191 1.219.75 1.219c1.207 0 1.75-1.969 1.75-1.969c.094.004.234.016.5.031h.125c.254.016.488.04.688.063c-.028.058-.063.105-.063.156c0 .254.406.438.406.438s-.12.093-.218.218c-.57.524-1.52 1.418-2.282 2.063a14.7 14.7 0 0 1-5.468 2.937c-.258-.054-3.016-1.172-4.626-2.468a35 35 0 0 1-2.656-2.375c-.101-.215-.312-.375-.312-.375s.406-.184.406-.438c0-.05-.035-.098-.063-.156zm13.875 1.781c.18.133.375.188.375.188l.032.156s-.282.097-.282.375c0 .37.75.5.75.5s.098.18.344.312v2.094c-.41.688-.7 1.594-.75 2.563c-1.555-1.079-4.828-2.176-5.531-2.407a18 18 0 0 0 2.468-1.531c.981-.727 1.926-1.617 2.594-2.25m-15.343.031c.43.399 1.703 1.559 2.5 2.219c.507.422 1.433.992 2.374 1.5c-2.617.828-5.054 2.254-5.312 2.406a5.7 5.7 0 0 0-.75-2.531v-2.094c.246-.133.344-.312.344-.312s.75-.13.75-.5c0-.278-.281-.375-.281-.375l.03-.157s.177-.042.345-.156m-2.626 3.657c1.239 0 1.907 2.347 1.907 2.875c0 1.019-1.133 1.625-1.907 1.625c-1.152 0-2.937-1.387-2.937-1.907c0-1.246 1.625-2.593 2.938-2.593zm20.625 0c1.313 0 2.938 1.347 2.938 2.593c0 .52-1.785 1.907-2.938 1.907c-.773 0-1.906-.606-1.906-1.625c0-.528.668-2.875 1.907-2.875zm-20.593.406c-.7 0-2.5 1.226-2.5 2.093c0 .754.984.813 1.125.813c.492 0 2.281-.832 2.281-1.813c0-.218-.207-1.093-.906-1.093m12.218 0c.375.136 2.09.765 2.907 1.125c.906.398 2.687 1.468 2.687 1.468s-4.289.157-7.531.157s-7.469-.188-7.469-.188c1.813-1.215 5.344-2.445 5.5-2.5c.735.36 1.43.684 1.813.75a15 15 0 0 0 2.094-.812zm8.344 0c-.699 0-.906.875-.906 1.093c0 .981 1.79 1.813 2.281 1.813c.14 0 1.125-.059 1.125-.813c0-.867-1.8-2.093-2.5-2.093M6.813 24.375c-.368 0-1.5.777-1.5 1.219c0 .441.578.5.75.5c.171 0 1.156-.383 1.156-1.063c0 0-.04-.656-.407-.656zm18.375 0c-.368 0-.407.656-.407.656c0 .68.985 1.063 1.157 1.063c.171 0 .75-.059.75-.5c0-.442-1.133-1.219-1.5-1.219"/></svg>How to use the Optin Monster icon
React
import { Icon } from "@iconify/react";
<Icon icon="la:optin-monster" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:optin-monster" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:optin-monster" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--optin-monster]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:optin-monster"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:optin-monster"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/la/optin-monster.svg" alt="Optin Monster icon" width="24" height="24">Optin Monster icon in other icon sets
Optin Monster icon FAQ
Is the Optin Monster icon free for commercial use?
Yes. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Optin Monster icon in React?
Install @iconify/react and render <Icon icon="la:optin-monster" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Optin Monster icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/la/optin-monster.svg" alt="Optin Monster icon">, or paste the SVG code inline to style it with CSS.