lodash logo

lodash from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
lodash
Set
SVG Logos
Style
Color
Viewbox
256×233
License
CC0

The same logo in other sets

lodashDeviconlodashSimple Icons

Use the lodash logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 233"><g fill="none" fill-rule="evenodd"><path fill="#000" d="M.388 0H24.18v157.893h94.087v19.466H.387zm182.766 46.503c16.222-2.163 33.526 1.081 46.503 11.896c14.06 9.733 21.63 27.036 22.71 43.258c2.164 19.466 0 38.933-10.814 55.155c-9.733 12.977-24.873 21.629-42.177 22.71c-16.222 2.163-34.606-1.081-48.665-11.896c-12.978-10.814-19.467-27.036-21.63-43.258c-2.162-17.304 0-36.77 10.815-51.91c8.652-15.14 25.955-24.874 43.258-25.955m3.245 18.385c10.814-1.082 22.71 2.162 31.362 9.733c7.57 8.651 11.896 19.466 12.978 30.28c1.081 11.897 0 24.874-5.408 35.689c-5.407 10.814-15.14 18.385-27.036 20.547c-10.815 2.163-22.71-1.081-30.281-7.57c-8.652-6.489-14.059-16.222-16.222-25.955c-2.163-14.059-1.081-28.118 4.326-41.095c5.407-11.896 17.303-20.548 30.28-21.63"/><path fill="#3492ff" d="M.388 205.477h255.224v27.037H.388z"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosLodash(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 233"><g fill="none" fillRule="evenodd"><path fill="#000" d="M.388 0H24.18v157.893h94.087v19.466H.387zm182.766 46.503c16.222-2.163 33.526 1.081 46.503 11.896c14.06 9.733 21.63 27.036 22.71 43.258c2.164 19.466 0 38.933-10.814 55.155c-9.733 12.977-24.873 21.629-42.177 22.71c-16.222 2.163-34.606-1.081-48.665-11.896c-12.978-10.814-19.467-27.036-21.63-43.258c-2.162-17.304 0-36.77 10.815-51.91c8.652-15.14 25.955-24.874 43.258-25.955m3.245 18.385c10.814-1.082 22.71 2.162 31.362 9.733c7.57 8.651 11.896 19.466 12.978 30.28c1.081 11.897 0 24.874-5.408 35.689c-5.407 10.814-15.14 18.385-27.036 20.547c-10.815 2.163-22.71-1.081-30.281-7.57c-8.652-6.489-14.059-16.222-16.222-25.955c-2.163-14.059-1.081-28.118 4.326-41.095c5.407-11.896 17.303-20.548 30.28-21.63"/><path fill="#3492ff" d="M.388 205.477h255.224v27.037H.388z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 233"><g fill="none" fill-rule="evenodd"><path fill="#000" d="M.388 0H24.18v157.893h94.087v19.466H.387zm182.766 46.503c16.222-2.163 33.526 1.081 46.503 11.896c14.06 9.733 21.63 27.036 22.71 43.258c2.164 19.466 0 38.933-10.814 55.155c-9.733 12.977-24.873 21.629-42.177 22.71c-16.222 2.163-34.606-1.081-48.665-11.896c-12.978-10.814-19.467-27.036-21.63-43.258c-2.162-17.304 0-36.77 10.815-51.91c8.652-15.14 25.955-24.874 43.258-25.955m3.245 18.385c10.814-1.082 22.71 2.162 31.362 9.733c7.57 8.651 11.896 19.466 12.978 30.28c1.081 11.897 0 24.874-5.408 35.689c-5.407 10.814-15.14 18.385-27.036 20.547c-10.815 2.163-22.71-1.081-30.281-7.57c-8.652-6.489-14.059-16.222-16.222-25.955c-2.163-14.059-1.081-28.118 4.326-41.095c5.407-11.896 17.303-20.548 30.28-21.63"/><path fill="#3492ff" d="M.388 205.477h255.224v27.037H.388z"/></g></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%20256%20233%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.388%200H24.18v157.893h94.087v19.466H.387zm182.766%2046.503c16.222-2.163%2033.526%201.081%2046.503%2011.896c14.06%209.733%2021.63%2027.036%2022.71%2043.258c2.164%2019.466%200%2038.933-10.814%2055.155c-9.733%2012.977-24.873%2021.629-42.177%2022.71c-16.222%202.163-34.606-1.081-48.665-11.896c-12.978-10.814-19.467-27.036-21.63-43.258c-2.162-17.304%200-36.77%2010.815-51.91c8.652-15.14%2025.955-24.874%2043.258-25.955m3.245%2018.385c10.814-1.082%2022.71%202.162%2031.362%209.733c7.57%208.651%2011.896%2019.466%2012.978%2030.28c1.081%2011.897%200%2024.874-5.408%2035.689c-5.407%2010.814-15.14%2018.385-27.036%2020.547c-10.815%202.163-22.71-1.081-30.281-7.57c-8.652-6.489-14.059-16.222-16.222-25.955c-2.163-14.059-1.081-28.118%204.326-41.095c5.407-11.896%2017.303-20.548%2030.28-21.63%22%2F%3E%3Cpath%20fill%3D%22%233492ff%22%20d%3D%22M.388%20205.477h255.224v27.037H.388z%22%2F%3E%3C%2Fg%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%20256%20233%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.388%200H24.18v157.893h94.087v19.466H.387zm182.766%2046.503c16.222-2.163%2033.526%201.081%2046.503%2011.896c14.06%209.733%2021.63%2027.036%2022.71%2043.258c2.164%2019.466%200%2038.933-10.814%2055.155c-9.733%2012.977-24.873%2021.629-42.177%2022.71c-16.222%202.163-34.606-1.081-48.665-11.896c-12.978-10.814-19.467-27.036-21.63-43.258c-2.162-17.304%200-36.77%2010.815-51.91c8.652-15.14%2025.955-24.874%2043.258-25.955m3.245%2018.385c10.814-1.082%2022.71%202.162%2031.362%209.733c7.57%208.651%2011.896%2019.466%2012.978%2030.28c1.081%2011.897%200%2024.874-5.408%2035.689c-5.407%2010.814-15.14%2018.385-27.036%2020.547c-10.815%202.163-22.71-1.081-30.281-7.57c-8.652-6.489-14.059-16.222-16.222-25.955c-2.163-14.059-1.081-28.118%204.326-41.095c5.407-11.896%2017.303-20.548%2030.28-21.63%22%2F%3E%3Cpath%20fill%3D%22%233492ff%22%20d%3D%22M.388%20205.477h255.224v27.037H.388z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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