Outdoor Motion icon
cbi:outdoor-motion
The Outdoor Motion icon (cbi:outdoor-motion) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- outdoormotion
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.617 19.49a2.904 2.904 0 0 0 2.641-2.951l-.24-12.089A2.5 2.5 0 0 0 16.47 2a2 2 0 0 0-.275.022L5.261 3.458a3.21 3.21 0 0 0-2.789 3.134l-.175 11.652a2.3 2.3 0 0 0 2.263 2.33a2 2 0 0 0 .241-.008ZM3.425 9.597l-.026.041l.048-.145c.008-.026.009-.059.018-.084a.2.2 0 0 1 .023-.037l.102-.32c.016-.046 1.579-4.622 5.321-5.018a8 8 0 0 1 .652-.035a7.49 7.49 0 0 1 7.893 6.296l.055.225l-.194-.161l-.103-.11a4.6 4.6 0 0 0-1.231-.916c-.131-.103-.259-.166-.396-.258a13.1 13.1 0 0 0-7.7-1.553c-1.965.263-5.052.866-4.352 3.956a4.26 4.26 0 0 1-.11-1.881m.261 2.433C2.865 8.717 6.108 8.038 8.21 7.793a12.54 12.54 0 0 1 9.281 2.923c.308 2.022-2.326 7.109-6.961 7.537c-4.132.386-6.353-2.92-6.791-5.988a2 2 0 0 0-.051-.235Zm5.712-4.852a11.67 11.67 0 0 1 6.681 1.975a11 11 0 0 1 1.217.943a7.51 7.51 0 0 0-8.287-5.848c-2.78.19-4.621 3.306-5.104 4.436a6.57 6.57 0 0 1 3.181-1.371a14.4 14.4 0 0 1 2.312-.135m12.188-.67a4.03 4.03 0 0 0-1.23-2.695c-.282-.227-.692-.476-1.076-.752h-.014l-1.183-.751a2.23 2.23 0 0 1 1.212 1.94v-.117l.308 12.472a3.23 3.23 0 0 1-2.976 3.3l-11.94.952l1.471.718a4.2 4.2 0 0 0 2.189.411l10.582-.906a3.206 3.206 0 0 0 2.773-3.231Z"/></svg>How to use the Outdoor Motion icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:outdoor-motion" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:outdoor-motion" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:outdoor-motion" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--outdoor-motion]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:outdoor-motion"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:outdoor-motion"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/outdoor-motion.svg" alt="Outdoor Motion icon" width="24" height="24">Related icons in Custom Brand Icons
Outdoor Motion icon FAQ
Is the Outdoor Motion icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Outdoor Motion icon in React?
Install @iconify/react and render <Icon icon="cbi:outdoor-motion" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Outdoor Motion icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/outdoor-motion.svg" alt="Outdoor Motion icon">, or paste the SVG code inline to style it with CSS.