Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Simple Icons · SiHomarr

Homarr icon

A free homarr icon from Simple Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: CC0 1.0 Universal license
Project: simpleicons.org

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/homarr.json

components/icons/simple-icons-homarr.tsx

import * as React from "react";

/**
 * Homarr from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/homarr. Sized in em, colored by currentColor.
 */
export function SiHomarrIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.2558 15.698a6.524 6.524 0 0 0 1.2498-3.8483c0-1.8533-.772-3.5259-2.011-4.7162a6.54 6.54 0 0 0-.8325-.6773c-.84-.5765-1.821-.9635-2.8813-1.0955 0 0-.002 0-.002.002L3.03 10.4628H0c.3086 2.3802 2.0065 4.3237 4.2532 4.9916l.4352 1.7718a6.56 6.56 0 0 0 1.5674-1.5277Zm14.714-5.2352 1.2514-5.1001-.002-.002c-1.0603.1315-2.0413.5185-2.8813 1.0955a6.6 6.6 0 0 0-.8326.6773c-1.239 1.1898-2.011 2.8625-2.011 4.7162a6.523 6.523 0 0 0 1.25 3.8483 6.56 6.56 0 0 0 1.5673 1.5277l.4352-1.7718c2.2467-.6684 3.944-2.6114 4.2532-4.9915h-3.0301zm-7.6152 3.5432a.8214.8214 0 0 0 .8216-.8216.8214.8214 0 0 0-.8216-.8217.8214.8214 0 0 0-.8217.8217c0 .454.3677.8216.8217.8216m-2.7087-1.6433a.8214.8214 0 0 0-.8216.8217c0 .454.3676.8216.8216.8216a.8214.8214 0 0 0 .8217-.8216.8214.8214 0 0 0-.8217-.8217m-.5378 2.8977c-1.6731.4019-3.0947 1.3153-4.1307 2.533a7.82 7.82 0 0 0-1.3416 2.252l2.1841.0125 12.4446.0556.002-.003c-1.369-3.6464-5.2739-5.784-9.158-4.8501Zm3.2465-4.9107c.0913 0 .178.0184.26.0462V7.263c0-1.35 1.0985-2.4486 2.4486-2.4486.8589 0 1.6145.4456 2.0517 1.1164.2376-.198.4872-.383.7487-.5518-.6068-.8995-1.6359-1.4925-2.8004-1.4925-1.8617 0-3.3765 1.5149-3.3765 3.3765v3.4326c.1489-.2084.3915-.3454.6674-.3454zM7.9368 4.8144c1.3501 0 2.4486 1.0985 2.4486 2.4486v3.1329c.0824-.0278.1687-.0462.26-.0462.276 0 .5185.137.6679.3459V7.263c0-1.8616-1.5143-3.3765-3.3765-3.3765-1.1645 0-2.193.593-2.8004 1.4925.2615.1687.511.3538.7487.5518.4372-.6708 1.1928-1.1164 2.0517-1.1164"
      />
    </svg>
  );
}

With react-icons

import { SiHomarr } from "react-icons/si";

export function Example() {
  return <SiHomarr className="size-5" />;
}

homarr.svg

<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M6.2558 15.698a6.524 6.524 0 0 0 1.2498-3.8483c0-1.8533-.772-3.5259-2.011-4.7162a6.54 6.54 0 0 0-.8325-.6773c-.84-.5765-1.821-.9635-2.8813-1.0955 0 0-.002 0-.002.002L3.03 10.4628H0c.3086 2.3802 2.0065 4.3237 4.2532 4.9916l.4352 1.7718a6.56 6.56 0 0 0 1.5674-1.5277Zm14.714-5.2352 1.2514-5.1001-.002-.002c-1.0603.1315-2.0413.5185-2.8813 1.0955a6.6 6.6 0 0 0-.8326.6773c-1.239 1.1898-2.011 2.8625-2.011 4.7162a6.523 6.523 0 0 0 1.25 3.8483 6.56 6.56 0 0 0 1.5673 1.5277l.4352-1.7718c2.2467-.6684 3.944-2.6114 4.2532-4.9915h-3.0301zm-7.6152 3.5432a.8214.8214 0 0 0 .8216-.8216.8214.8214 0 0 0-.8216-.8217.8214.8214 0 0 0-.8217.8217c0 .454.3677.8216.8217.8216m-2.7087-1.6433a.8214.8214 0 0 0-.8216.8217c0 .454.3676.8216.8216.8216a.8214.8214 0 0 0 .8217-.8216.8214.8214 0 0 0-.8217-.8217m-.5378 2.8977c-1.6731.4019-3.0947 1.3153-4.1307 2.533a7.82 7.82 0 0 0-1.3416 2.252l2.1841.0125 12.4446.0556.002-.003c-1.369-3.6464-5.2739-5.784-9.158-4.8501Zm3.2465-4.9107c.0913 0 .178.0184.26.0462V7.263c0-1.35 1.0985-2.4486 2.4486-2.4486.8589 0 1.6145.4456 2.0517 1.1164.2376-.198.4872-.383.7487-.5518-.6068-.8995-1.6359-1.4925-2.8004-1.4925-1.8617 0-3.3765 1.5149-3.3765 3.3765v3.4326c.1489-.2084.3915-.3454.6674-.3454zM7.9368 4.8144c1.3501 0 2.4486 1.0985 2.4486 2.4486v3.1329c.0824-.0278.1687-.0462.26-.0462.276 0 .5185.137.6679.3459V7.263c0-1.8616-1.5143-3.3765-3.3765-3.3765-1.1645 0-2.193.593-2.8004 1.4925.2615.1687.511.3538.7487.5518.4372-.6708 1.1928-1.1164 2.0517-1.1164"
  />
</svg>

Attribution

"Homarr" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Similar Simple Icons icons