Orangehrm icon
thesvg-color:orangehrm
The Orangehrm icon (thesvg-color:orangehrm) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 750 × 190 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 750 × 190
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="750" height="190" viewBox="0 0 750 190"><path fill="#f58321" d="M76.55 61.11c3.45-1.3 6.55-2.13 9.62-3c7-2.11 14-1.85 21.09-.32a68.4 68.4 0 0 1 27.57 12.69c8.7 6.69 14.34 15.5 17.58 25.9c6.42 20.66 1.91 45.49-12.25 62c-13.32 15.53-30 24.87-50.4 27.47c-17.57 2.23-34-1.37-49.53-9.71a77.26 77.26 0 0 1-28.12-25.4C5.62 141.03 1.36 130.46.28 118.79c-1.49-16.2 3.41-30.32 14.22-42.42a50.6 50.6 0 0 1 11.72-9.76a33.34 33.34 0 0 1 24.76-4.26c9.15 1.9 17.61 5.26 25 11.09c5.38 4.26 9.53 9.44 11.4 16.19a26 26 0 0 1 .6 2.74c.08.49.29 1.15-.45 1.36s-1.45.47-2-.26c-.46-.57-.89-1.18-1.37-1.73a47.88 47.88 0 0 0-31.31-16.48a33.5 33.5 0 0 0-9.22.21a19.68 19.68 0 0 0-11.07 5.78c-8.47 8.54-13.27 18.69-12.49 30.92c.55 8.54 3.88 16.15 9 22.93A61.05 61.05 0 0 0 62 157.37c16.69 4.74 33 3.55 48.52-4.37c8-4.07 14.69-9.62 19.19-17.55a52 52 0 0 0 6.29-19a60.5 60.5 0 0 0 .11-15.45a31.1 31.1 0 0 0-7-15.63a55.3 55.3 0 0 0-22.77-16.79c-7.29-3-15-4.68-22.69-6.11c-2.2-.41-4.42-.84-7.1-1.36"/><path fill="#09a752" d="M706.72 126.82c2.67-4.93 5.27-9.7 7.85-14.48q10.24-19 20.46-37.92a2.17 2.17 0 0 1 2.29-1.48c1.32.1 3-.6 3.91.18s.61 2.62.77 4q1.58 13.59 3.1 27.19c.74 6.53 1.41 13.07 2.17 19.6c.82 7 1.6 14 2.66 21l.06.4c.26 1.92.27 1.89-1.69 1.65a44.5 44.5 0 0 0-10.44.12c-1.88.22-2 .19-2.12-1.75c-.41-4.61-.72-9.23-1.11-13.84c-.86-10-1.75-19.91-2.88-29.85c-.08-.7-.18-1.4-.28-2.2c-.72.4-.86 1-1.14 1.53c-8 14.47-15.77 29-22.45 44.12c-.5 1.12-1 1.74-2.36 1.62s-2.56.48-3.56-.11s-1.21-2-1.72-3.11c-6.83-14.22-14.14-28.19-21.33-42.22c-.2-.4-.3-.9-.88-1.13a33 33 0 0 0-.73 5.29c-1.11 10.34-2.31 20.67-3.08 31c-.23 3.15-.27 6.3-.48 9.45c-.07.95-.34 1.24-1.35 1.12a99 99 0 0 0-18.29-.08c-1.4.09-2.9.54-4.18.19s-1.67-2-2.43-3.08a348 348 0 0 0-21.67-28c-.91-1-1.86-2-3.13-3.41c-.14 11.75.17 23 .83 34.49a55.2 55.2 0 0 0-14.38.16a.76.76 0 0 1-.41-.79c.45-7.77.76-15.55.82-23.34c.08-11.62.12-23.24-.19-34.85c-.11-4.16-.38-8.32-.58-12.47c-.06-1.29 0-1.39 1.3-1.32c6.52.33 13 0 19.54 0c1.68 0 3.35-.08 5-.18a35.3 35.3 0 0 1 14.28 1.73c7.37 2.66 10.59 8.13 10.27 15.73c-.29 7.14-4.18 12-10.09 15.44a31.7 31.7 0 0 1-9.78 3.61c-.45.09-.94.05-1.31.41c.68 1.62 22.56 29.23 24.69 31.08c.38-2.48.76-4.85 1.11-7.21c1.43-9.62 2.9-19.24 4.26-28.87c1-6.84 1.79-13.7 2.65-20.55c.45-3.66.83-7.33 1.27-11c.19-1.63.22-1.66 1.8-1.66s3.14-.6 4.37.07s1.48 2.47 2.13 3.79c8 16.26 16.49 32.26 25.12 48.19a4.13 4.13 0 0 0 1.33 1.74m-84.07-31.51v10.66c0 1.77 0 1.76 1.73 2a22.14 22.14 0 0 0 11.25-1.49c5.71-2.28 9.25-6.32 9.88-12.55c.69-6.79-2.09-12.5-9.33-14.71a28.9 28.9 0 0 0-12.14-.7c-.91.11-.84.69-.86 1.29c-.15 4.51-.3 9-.53 15.5"/><path fill="#231f20" d="M393.17 146.81c-6.14-2-9.72-6-9.56-12.77c.14-5.52 3.71-9.65 10.74-12.49c-.33-.77-1.13-.84-1.73-1.16c-6.65-3.51-11.19-8.71-12.66-16.23c-1.29-6.61-.66-13 2.9-18.85s9.06-9 15.5-10.71a49 49 0 0 1 15.19-1.12c7.91.39 15.79 1.38 23.73 1c2.39-.11 4.78-.32 7.33-.5a34.6 34.6 0 0 0 0 5.39c.11 1-.64.8-1.21.76c-3-.26-6-.56-9-.78a37.3 37.3 0 0 0-6.59-.27c-.3.63.27.69.54.89c6.27 4.55 9.27 10.82 9.52 18.43c.24 7.13-2 13.35-7.4 18.21a26.74 26.74 0 0 1-12.21 5.87c-5 1.17-10.13 1-15.23.71a14.6 14.6 0 0 0-3.62.06c-5.67 1.19-8 6.7-5.26 11.87a5.23 5.23 0 0 0 3.16 2.36a17.3 17.3 0 0 0 5 .73c6.77.26 13.56.23 20.32.67a36.5 36.5 0 0 1 11.17 2.41c8 3.17 12.23 9.36 11.81 18c-.61 12.57-6.89 21.47-18.16 26.85a40.05 40.05 0 0 1-16.4 3.59a52.3 52.3 0 0 1-18.27-2.35a29.2 29.2 0 0 1-8.35-4.35c-9.82-7.38-9.75-21.38-2.16-29.17a25.9 25.9 0 0 1 9.19-6c.55-.25 1.32-.22 1.71-1.05m18 1.09h-2.42c-4.72.18-9.36.77-13.67 2.86a14.12 14.12 0 0 0-7.6 8.67a22.7 22.7 0 0 0-.88 8.35c.46 8.12 4.95 13.94 12.74 16.23a33.94 33.94 0 0 0 21.54-.59a19.78 19.78 0 0 0 11.54-9.75a20.4 20.4 0 0 0 1.69-11.19c-.52-6.2-3.55-10.51-9.52-12.67a40.5 40.5 0 0 0-13.42-1.91m-19.78-48.94a27 27 0 0 0 2 10.91a14.84 14.84 0 0 0 9.56 8.84a19.5 19.5 0 0 0 4.55.75c6.28.41 11.48-1.69 14.66-7.22a27.43 27.43 0 0 0 1.34-25.86a14.18 14.18 0 0 0-10.51-8.26a19.4 19.4 0 0 0-6.61-.25a15.43 15.43 0 0 0-11.88 7.67c-2.39 3.99-3.15 8.36-3.11 13.42"/><path fill="#09a752" d="M122.11 11.99a227 227 0 0 0-29 14.73a141 141 0 0 0-20.05 14.15c-1.26 1.09-2.49 2.21-3.94 3.5a15.7 15.7 0 0 1 0-4.27a51.3 51.3 0 0 1 4.33-17.69A29.4 29.4 0 0 1 89.93 6.73a97.8 97.8 0 0 1 25.57-6a133 133 0 0 1 18.9-.64a75 75 0 0 1 10.33.88a1 1 0 0 1 0 1c-5.79 12-12 23.72-20 34.42c-1 1.29-2 2.53-3 3.77a25.9 25.9 0 0 1-12.43 8.32a116.3 116.3 0 0 1-19.84 4.25c-3.18.42-6.38.77-9.58 1.16a4 4 0 0 1-1.68 0a5.86 5.86 0 0 1 1.18-2.41c4-6.59 9.27-12.15 14.92-17.35c8.27-7.62 17.4-14.13 26.67-20.44c.55-.38 1.09-.78 1.64-1.18a1.7 1.7 0 0 0 1.28-1.2a2.3 2.3 0 0 0-1.78.68m425.82 62.32c0 2.21.09 4.22 0 6.22c-.4 7.65-.62 15.29-.59 23c0 1.77 0 1.76 1.49 1.81c11.68.43 23.36.32 35 .2c3.39 0 3.39-.06 3.38-3.46c0-8.6-.45-17.18-.78-25.76v-1.8a52 52 0 0 0 14.5-.2c.07 6.06-.5 12-.58 18s-.15 12.21-.15 18.32s0 12.09.16 18.13s.44 12.05.67 18.14c-1.36.34-2.51-.17-3.69-.19a65 65 0 0 0-9.64.39c-1.3.16-1.33.09-1.28-1.24c.29-7.78.7-15.56.77-23.35v-10.67c0-1.42 0-1.46-1.44-1.47c-12.36-.13-24.71-.44-37.06 0c-1.38 0-1.42 0-1.41 1.47c0 7.86-.08 15.71.37 23.56c.22 3.81.29 7.62.43 11.48c-1.28.42-2.44-.15-3.61-.17a61 61 0 0 0-9.44.37c-1.6.22-1.58 0-1.52-1.45c.16-3.69.31-7.37.42-11.06c.5-16.18.44-32.36 0-48.54c-.1-3.42-.3-6.84-.41-10.26c0-1.26 0-1.34 1.35-1.18a51.4 51.4 0 0 0 13.06-.29"/><path fill="#231f20" d="M297.55 74.87a29 29 0 0 0 12.65 0c.45 2.08-.15 4-.14 6s0 4 0 6.17c.86-.38 1.13-1.09 1.53-1.64c3.36-4.6 7.47-8.28 12.88-10.25a29.68 29.68 0 0 1 21.26 0c6.63 2.5 10.65 7.48 12.63 14.18a38.8 38.8 0 0 1 1.43 11.94c-.28 12.42-.81 24.83-.61 37.25c.05 2.82.16 5.64.23 8.45a2 2 0 0 1-.28 1.54a26.6 26.6 0 0 0-12.11 0c0-2.66-.08-5.19 0-7.72c.47-12.14 1-24.28.79-36.44a38.3 38.3 0 0 0-1.63-11.1a20.1 20.1 0 0 0-2.72-5.59a14.44 14.44 0 0 0-11.1-6.41a24 24 0 0 0-7.8.61c-6.64 1.64-10.79 6-12.88 12.35a40.5 40.5 0 0 0-1.72 12.71c0 10.94-.09 21.89.52 32.82c.15 2.48.4 5 .59 7.42v1.31a55 55 0 0 0-6.87-.67a49 49 0 0 0-6.69.69a567 567 0 0 0 .04-73.62m197.25 35.61c-8.39-.17-16.78-.2-25.17.26c-1.56.08-1.58.08-1.65 1.51a36 36 0 0 0 2.06 15.05c3.65 9.3 10.4 14.77 20.33 16.14s18.4-2.33 25.78-8.81c.45-.4.85-.85 1.29-1.27c.24-.23.48-.51.85-.28s.32.56.28.9c-.23 1.93-.48 3.86-.67 5.79a2.77 2.77 0 0 1-1.51 2a43.26 43.26 0 0 1-18.56 7.84c-12.06 1.84-23-.91-32.15-9.14a33.1 33.1 0 0 1-10.87-21.22a50.3 50.3 0 0 1 3.59-26.61c4.74-10.94 13.21-17.14 24.94-18.9a39.9 39.9 0 0 1 17.36 1c11.66 3.44 18.24 11.46 20.47 23.25a46 46 0 0 1 .37 11.44c-.08 1.36-.12 1.39-1.57 1.37c-4.5-.07-9-.21-13.49-.26c-3.89-.06-7.79-.06-11.68-.06m-6.17-5l18.92-.42c1.56 0 1.6-.08 1.57-1.57a36.6 36.6 0 0 0-3.23-15.63a16.43 16.43 0 0 0-7.09-7.71a18.85 18.85 0 0 0-23.16 4.76c-4.4 5.38-6.31 11.74-7.11 18.51c-.18 1.55-.16 1.59 1.38 1.63c6.2.19 12.48.32 18.72.43m-208.6 37.82c.18 3.35.53 3-2.47 4a22.8 22.8 0 0 1-7.51 1.2c-5.33-.07-8.82-2.85-10.11-8.05c-.1-.39-.22-.77-.35-1.24c-.73.18-1.09.77-1.54 1.21a36.2 36.2 0 0 1-8.66 6.51c-7.49 3.74-15.25 4.75-23.1 1.33c-6.89-3-11-8.3-11.41-15.95c-.45-7.9 2.58-14.13 9.55-18.19a36.8 36.8 0 0 1 12.56-4.08c5.48-.93 11-1.66 16.36-3.22a15.6 15.6 0 0 0 3.73-1.48a4.89 4.89 0 0 0 2.63-4.23a27.4 27.4 0 0 0-1.28-10.72c-2.09-5.89-6.15-9.56-12.39-10.41a23.48 23.48 0 0 0-17.87 4.5a17.4 17.4 0 0 0-4.43 4.9c-.28.47-.53.92-1.2.89c-.52 0-.93-.07-.93-.74v-6.64a1.38 1.38 0 0 1 .71-1.14c9.59-7.16 20.2-10.25 32-7.42c8.39 2 14.09 7.21 16.41 15.74c.84 3.08.73 6.24.7 9.4c-.11 11.21-.64 22.41-.56 33.62a27.7 27.7 0 0 0 .35 5.22c.83 4.14 3 5.74 7.11 5.26c.53-.09 1.05-.18 1.7-.27m-20.41-33.28a1.2 1.2 0 0 0-1 0c-4.41 1.15-8.92 1.85-13.37 2.8a41.3 41.3 0 0 0-9.16 2.94c-6.1 2.89-9.06 7.66-8.73 14.48c.42 9 7.52 14.78 16.39 13.3c6-1 10.6-4.26 14.3-9a5.47 5.47 0 0 0 1.19-3.49c.11-6.5.3-13 .46-19.51c.04-.48.22-1.06-.08-1.52m-77.05 38.54a26.5 26.5 0 0 0-12 .07c.62-24.58.63-49.05-.12-73.74a29 29 0 0 0 12.45 0a109.5 109.5 0 0 0-.6 14.93c.74-.37.88-1 1.16-1.46a38 38 0 0 1 8.86-10.88c3.4-2.72 7.2-4.4 11.67-4.17a14 14 0 0 1 3 .57c.62.17.82.53.65 1.2a39 39 0 0 0-.79 9.4v1c-.07 1.74-.49 1.94-2 1.16a13.53 13.53 0 0 0-13.64.21a16 16 0 0 0-6.57 7.93a30.6 30.6 0 0 0-2.24 12.39c0 8.06.1 16.11.11 24.17c0 5.44 0 10.88.46 16.3a.94.94 0 0 1-.4.92"/><path fill="#b0dcc4" d="M122.11 11.99a2.3 2.3 0 0 1 1.76-.72a1.7 1.7 0 0 1-1.26 1.21Z"/></svg>How to use the Orangehrm icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:orangehrm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:orangehrm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:orangehrm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--orangehrm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:orangehrm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:orangehrm"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/orangehrm.svg" alt="Orangehrm icon" width="24" height="24">Orangehrm icon in other icon sets
Orangehrm icon FAQ
Is the Orangehrm icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Orangehrm icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:orangehrm" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Orangehrm icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/orangehrm.svg" alt="Orangehrm icon">, or paste the SVG code inline to style it with CSS.