personio logo

personio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
personio
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the personio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.603 24H2.47v-1.563h19.133Zm-6.167-4.044c.557.145 1.137-.244 1.303-.867c.166-.624-.157-1.25-.713-1.39c-.556-.142-1.137.24-1.304.865c-.167.624.156 1.25.714 1.39zM22.37.676c-1.737-1.347-5.387-.43-8.145.576A41.707 41.705 0 0 0 5.64 5.625C3.624 6.985 1.135 8.987.748 10.814a1.43 1.43 0 0 0 .28 1.263c.505.59 1.354.576 1.516.568a.781.781 0 0 0 .51-1.368a.78.78 0 0 0-.58-.193a1 1 0 0 1-.181-.016c.58-2.136 6.69-6.232 12.47-8.342c3.858-1.408 5.964-1.342 6.649-.81c.284.22.433.487.23 1.062c-.545 1.535-3.2 3.96-7.108 6.48c-.725.467-1.434.898-2.11 1.29c.544-1.92 1.1-3.88 1.582-5.561a.782.782 0 0 0-1.504-.43a2070.72 2070.634 0 0 0-2.002 7.05c-1.564.811-2.754 1.3-3.22 1.366a.783.783 0 0 0-1.025 1.095c.134.226.4.476.929.476q.133 0 .264-.02c.54-.073 1.417-.395 2.485-.884c-.758 2.702-1.373 4.975-1.407 5.282a.78.78 0 0 0 .69.858h.087a.783.783 0 0 0 .775-.685c.062-.38.822-3.133 1.746-6.42a58.241 58.239 0 0 0 4.01-2.401c5.435-3.587 7.007-5.917 7.362-7.241c.277-1.02-.017-1.93-.825-2.557z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsPersonio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.603 24H2.47v-1.563h19.133Zm-6.167-4.044c.557.145 1.137-.244 1.303-.867c.166-.624-.157-1.25-.713-1.39c-.556-.142-1.137.24-1.304.865c-.167.624.156 1.25.714 1.39zM22.37.676c-1.737-1.347-5.387-.43-8.145.576A41.707 41.705 0 0 0 5.64 5.625C3.624 6.985 1.135 8.987.748 10.814a1.43 1.43 0 0 0 .28 1.263c.505.59 1.354.576 1.516.568a.781.781 0 0 0 .51-1.368a.78.78 0 0 0-.58-.193a1 1 0 0 1-.181-.016c.58-2.136 6.69-6.232 12.47-8.342c3.858-1.408 5.964-1.342 6.649-.81c.284.22.433.487.23 1.062c-.545 1.535-3.2 3.96-7.108 6.48c-.725.467-1.434.898-2.11 1.29c.544-1.92 1.1-3.88 1.582-5.561a.782.782 0 0 0-1.504-.43a2070.72 2070.634 0 0 0-2.002 7.05c-1.564.811-2.754 1.3-3.22 1.366a.783.783 0 0 0-1.025 1.095c.134.226.4.476.929.476q.133 0 .264-.02c.54-.073 1.417-.395 2.485-.884c-.758 2.702-1.373 4.975-1.407 5.282a.78.78 0 0 0 .69.858h.087a.783.783 0 0 0 .775-.685c.062-.38.822-3.133 1.746-6.42a58.241 58.239 0 0 0 4.01-2.401c5.435-3.587 7.007-5.917 7.362-7.241c.277-1.02-.017-1.93-.825-2.557z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.603 24H2.47v-1.563h19.133Zm-6.167-4.044c.557.145 1.137-.244 1.303-.867c.166-.624-.157-1.25-.713-1.39c-.556-.142-1.137.24-1.304.865c-.167.624.156 1.25.714 1.39zM22.37.676c-1.737-1.347-5.387-.43-8.145.576A41.707 41.705 0 0 0 5.64 5.625C3.624 6.985 1.135 8.987.748 10.814a1.43 1.43 0 0 0 .28 1.263c.505.59 1.354.576 1.516.568a.781.781 0 0 0 .51-1.368a.78.78 0 0 0-.58-.193a1 1 0 0 1-.181-.016c.58-2.136 6.69-6.232 12.47-8.342c3.858-1.408 5.964-1.342 6.649-.81c.284.22.433.487.23 1.062c-.545 1.535-3.2 3.96-7.108 6.48c-.725.467-1.434.898-2.11 1.29c.544-1.92 1.1-3.88 1.582-5.561a.782.782 0 0 0-1.504-.43a2070.72 2070.634 0 0 0-2.002 7.05c-1.564.811-2.754 1.3-3.22 1.366a.783.783 0 0 0-1.025 1.095c.134.226.4.476.929.476q.133 0 .264-.02c.54-.073 1.417-.395 2.485-.884c-.758 2.702-1.373 4.975-1.407 5.282a.78.78 0 0 0 .69.858h.087a.783.783 0 0 0 .775-.685c.062-.38.822-3.133 1.746-6.42a58.241 58.239 0 0 0 4.01-2.401c5.435-3.587 7.007-5.917 7.362-7.241c.277-1.02-.017-1.93-.825-2.557z"/></svg>
</template>

CSS

.icon-personio {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.603%2024H2.47v-1.563h19.133Zm-6.167-4.044c.557.145%201.137-.244%201.303-.867c.166-.624-.157-1.25-.713-1.39c-.556-.142-1.137.24-1.304.865c-.167.624.156%201.25.714%201.39zM22.37.676c-1.737-1.347-5.387-.43-8.145.576A41.707%2041.705%200%200%200%205.64%205.625C3.624%206.985%201.135%208.987.748%2010.814a1.43%201.43%200%200%200%20.28%201.263c.505.59%201.354.576%201.516.568a.781.781%200%200%200%20.51-1.368a.78.78%200%200%200-.58-.193a1%201%200%200%201-.181-.016c.58-2.136%206.69-6.232%2012.47-8.342c3.858-1.408%205.964-1.342%206.649-.81c.284.22.433.487.23%201.062c-.545%201.535-3.2%203.96-7.108%206.48c-.725.467-1.434.898-2.11%201.29c.544-1.92%201.1-3.88%201.582-5.561a.782.782%200%200%200-1.504-.43a2070.72%202070.634%200%200%200-2.002%207.05c-1.564.811-2.754%201.3-3.22%201.366a.783.783%200%200%200-1.025%201.095c.134.226.4.476.929.476q.133%200%20.264-.02c.54-.073%201.417-.395%202.485-.884c-.758%202.702-1.373%204.975-1.407%205.282a.78.78%200%200%200%20.69.858h.087a.783.783%200%200%200%20.775-.685c.062-.38.822-3.133%201.746-6.42a58.241%2058.239%200%200%200%204.01-2.401c5.435-3.587%207.007-5.917%207.362-7.241c.277-1.02-.017-1.93-.825-2.557z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.603%2024H2.47v-1.563h19.133Zm-6.167-4.044c.557.145%201.137-.244%201.303-.867c.166-.624-.157-1.25-.713-1.39c-.556-.142-1.137.24-1.304.865c-.167.624.156%201.25.714%201.39zM22.37.676c-1.737-1.347-5.387-.43-8.145.576A41.707%2041.705%200%200%200%205.64%205.625C3.624%206.985%201.135%208.987.748%2010.814a1.43%201.43%200%200%200%20.28%201.263c.505.59%201.354.576%201.516.568a.781.781%200%200%200%20.51-1.368a.78.78%200%200%200-.58-.193a1%201%200%200%201-.181-.016c.58-2.136%206.69-6.232%2012.47-8.342c3.858-1.408%205.964-1.342%206.649-.81c.284.22.433.487.23%201.062c-.545%201.535-3.2%203.96-7.108%206.48c-.725.467-1.434.898-2.11%201.29c.544-1.92%201.1-3.88%201.582-5.561a.782.782%200%200%200-1.504-.43a2070.72%202070.634%200%200%200-2.002%207.05c-1.564.811-2.754%201.3-3.22%201.366a.783.783%200%200%200-1.025%201.095c.134.226.4.476.929.476q.133%200%20.264-.02c.54-.073%201.417-.395%202.485-.884c-.758%202.702-1.373%204.975-1.407%205.282a.78.78%200%200%200%20.69.858h.087a.783.783%200%200%200%20.775-.685c.062-.38.822-3.133%201.746-6.42a58.241%2058.239%200%200%200%204.01-2.401c5.435-3.587%207.007-5.917%207.362-7.241c.277-1.02-.017-1.93-.825-2.557z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/personio.svg?color=%231a73e8&size=48