lodash logo

lodash from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
lodash
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

The same logo in other sets

lodashSVG LogoslodashSimple Icons

Use the lodash logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 6.418h11.914v79.074h47.121v9.754H0zm96.191 21.449c-12.187-.164-24.371 7.582-28.168 19.332c-5.414 13.543-2.926 30.551 7.691 40.895c10.293 8.555 25.781 9.207 37.371 3.145c7.965-4.227 13-12.621 14.086-21.453c1.406-9.203.707-19.281-3.789-27.621c-5.312-8.883-15.707-14.621-26-14.246l-1.191-.16zm1.082 9.422c8.938 0 16.953 6.824 18.414 15.602c2.711 9.906 1.086 22.039-7.039 29.027c-7.582 6.176-19.773 5.313-26-2.324c-7.582-8.129-7.582-20.586-3.68-30.332c2.707-7.043 9.906-12.078 17.492-11.918h.973zm0 0"/><path fill="#3492ff" d="M0 107.863h127.816v13.539H0zm0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconLodash(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 6.418h11.914v79.074h47.121v9.754H0zm96.191 21.449c-12.187-.164-24.371 7.582-28.168 19.332c-5.414 13.543-2.926 30.551 7.691 40.895c10.293 8.555 25.781 9.207 37.371 3.145c7.965-4.227 13-12.621 14.086-21.453c1.406-9.203.707-19.281-3.789-27.621c-5.312-8.883-15.707-14.621-26-14.246l-1.191-.16zm1.082 9.422c8.938 0 16.953 6.824 18.414 15.602c2.711 9.906 1.086 22.039-7.039 29.027c-7.582 6.176-19.773 5.313-26-2.324c-7.582-8.129-7.582-20.586-3.68-30.332c2.707-7.043 9.906-12.078 17.492-11.918h.973zm0 0"/><path fill="#3492ff" d="M0 107.863h127.816v13.539H0zm0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M0 6.418h11.914v79.074h47.121v9.754H0zm96.191 21.449c-12.187-.164-24.371 7.582-28.168 19.332c-5.414 13.543-2.926 30.551 7.691 40.895c10.293 8.555 25.781 9.207 37.371 3.145c7.965-4.227 13-12.621 14.086-21.453c1.406-9.203.707-19.281-3.789-27.621c-5.312-8.883-15.707-14.621-26-14.246l-1.191-.16zm1.082 9.422c8.938 0 16.953 6.824 18.414 15.602c2.711 9.906 1.086 22.039-7.039 29.027c-7.582 6.176-19.773 5.313-26-2.324c-7.582-8.129-7.582-20.586-3.68-30.332c2.707-7.043 9.906-12.078 17.492-11.918h.973zm0 0"/><path fill="#3492ff" d="M0 107.863h127.816v13.539H0zm0 0"/></svg>
</template>

CSS

.icon-lodash {
  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%20128%20128%22%3E%3Cpath%20d%3D%22M0%206.418h11.914v79.074h47.121v9.754H0zm96.191%2021.449c-12.187-.164-24.371%207.582-28.168%2019.332c-5.414%2013.543-2.926%2030.551%207.691%2040.895c10.293%208.555%2025.781%209.207%2037.371%203.145c7.965-4.227%2013-12.621%2014.086-21.453c1.406-9.203.707-19.281-3.789-27.621c-5.312-8.883-15.707-14.621-26-14.246l-1.191-.16zm1.082%209.422c8.938%200%2016.953%206.824%2018.414%2015.602c2.711%209.906%201.086%2022.039-7.039%2029.027c-7.582%206.176-19.773%205.313-26-2.324c-7.582-8.129-7.582-20.586-3.68-30.332c2.707-7.043%209.906-12.078%2017.492-11.918h.973zm0%200%22%2F%3E%3Cpath%20fill%3D%22%233492ff%22%20d%3D%22M0%20107.863h127.816v13.539H0zm0%200%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%20128%20128%22%3E%3Cpath%20d%3D%22M0%206.418h11.914v79.074h47.121v9.754H0zm96.191%2021.449c-12.187-.164-24.371%207.582-28.168%2019.332c-5.414%2013.543-2.926%2030.551%207.691%2040.895c10.293%208.555%2025.781%209.207%2037.371%203.145c7.965-4.227%2013-12.621%2014.086-21.453c1.406-9.203.707-19.281-3.789-27.621c-5.312-8.883-15.707-14.621-26-14.246l-1.191-.16zm1.082%209.422c8.938%200%2016.953%206.824%2018.414%2015.602c2.711%209.906%201.086%2022.039-7.039%2029.027c-7.582%206.176-19.773%205.313-26-2.324c-7.582-8.129-7.582-20.586-3.68-30.332c2.707-7.043%209.906-12.078%2017.492-11.918h.973zm0%200%22%2F%3E%3Cpath%20fill%3D%22%233492ff%22%20d%3D%22M0%20107.863h127.816v13.539H0zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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