Ngrx Effects icon
material-icon-theme:ngrx-effects
The Ngrx Effects icon (material-icon-theme:ngrx-effects) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 300 × 300 grid. Material Icon Theme icons are released under the MIT 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
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 300 × 300
- Tags
- ngrxeffects, effect
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><path fill="#26c6da" d="M150 27.324L35.85 68.006l17.303 151.09l96.843 53.586l96.843-53.586l17.303-151.09zm-23.719 38.349c4.346-.075 9.04 1.316 14.265 4.131c2.3 1.24 9.235 2.994 15.407 3.889c21.936 3.18 47.975 19.934 56.21 36.186c5.667 11.183 4.508 17.209-4.18 21.702c-7.492 3.874-22.822 2-45.08-5.517l-18.785-6.343l-6.683 2.552c-9.683 3.698-19.366 12.877-23.33 22.09c-2.858 6.645-3.293 9.768-2.77 20.705c.523 10.955 1.315 14.12 5.2 20.997c4.423 7.829 14.576 17.818 16.331 16.064c.473-.473-.574-3.648-2.308-7.048c-1.735-3.4-2.744-6.825-2.26-7.606c.482-.781 5.054 2.123 10.157 6.44c11.35 9.6 24.608 15.74 36.77 17.01c9.985 1.045 12.266-.814 4.787-3.912c-2.41-.998-5.544-3.088-6.95-4.641c-2.907-3.212-3.072-3.12 9.356-5.906c7.736-1.733 23.026-9.849 23.937-12.71c.29-.91-2.195-1.296-6.27-.972c-3.706.295-6.732-.087-6.732-.85c0-.76 3.032-4.523 6.732-8.385c13.883-14.489 18.62-25.32 20.098-45.906l1.02-14.217l3.257 6.756c3.601 7.452 4.265 18.202 1.701 27.437c-2.141 7.711-.712 8.564 3.208 1.92c4.845-8.212 6.39-6.905 5.54 4.666c-.924 12.587-5.243 22.017-14.993 32.686c-7.95 8.699-7.001 10.254 2.624 4.326c9.273-5.711 10.511-4.815 5.736 4.155c-9.031 16.964-28.122 31.35-47.948 36.161c-12.016 2.917-20.537 3.461-31.544 2.018c-28.78-3.775-56.001-23.157-68.993-49.114c-3.378-6.748-8.154-14.994-10.62-18.348c-5.092-6.924-5.529-10.038-2.09-15.286c1.715-2.618 2.116-5.307 1.41-9.308c-3.273-18.531-3.167-19.11 4.276-26.659c6.468-6.56 6.878-7.44 6.878-15.092c0-6.637.671-8.813 3.67-11.811c2.02-2.02 5.23-3.7 7.12-3.718c5.49-.05 14.97-5.135 20.584-11.033c4.687-4.927 9.674-7.417 15.262-7.51z"/></svg>How to use the Ngrx Effects icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:ngrx-effects" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:ngrx-effects" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:ngrx-effects" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--ngrx-effects]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:ngrx-effects"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:ngrx-effects"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/ngrx-effects.svg" alt="Ngrx Effects icon" width="24" height="24">Related icons in Material Icon Theme
Ngrx Effects icon FAQ
Is the Ngrx Effects icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ngrx Effects icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:ngrx-effects" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ngrx Effects icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/ngrx-effects.svg" alt="Ngrx Effects icon">, or paste the SVG code inline to style it with CSS.