Home/Libraries/OpenMoji (Iconify)/dog-face

OpenMoji (Iconify)

DogFace

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#f4aa41" d="m24.473 15.158l-5.08 1.936l-7.296 7.9l-4.138 10.501l1.291 5.34c1.255 3.792 3.336 6.434 7.063 9.251L19 47.502s3.822 7.71 10.739 8.96c0 0 10.261 1.936 15.594-.877c1.49-.785 2.515-1.829 3.293-2.593c2.07-2.035 3.033-3.52 4.54-5.24s1.67 1.808 1.67 1.808l1.839-.056l5.017-7.23l2.003-5.07l-.021-4.254l-2.174-5.615l-4.833-7.416s-2.637-4.256-8.167-3.917c0 0-6.5-4.833-11.833-4.083s-3.61-.677-12.194 3.24"/><path fill="#ea5a47" d="m36 46.732l-3.083 2.417h-2.5l.524 3.89l.421 3.015l.805 2.345l2.833 1.5l4.583-.583l.86-2.204l.701-4.178l.773-3.618l-2 .25z"/><path fill="#3f3f3f" d="m32.5 36.919l-1.583 3.75l2.166 1.25l1.25.5l4.334.167l2.916-2.25l-1.75-3.25z"/><path d="M29.506 30.109s-1.805 1.242-2.748.668a2 2 0 0 1 2.08-3.417c.943.575.668 2.749.668 2.749"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M33.109 37.006h6.146a1 1 0 0 1 .92.609l1.158 2.724l-2.18 1.146a1 1 0 0 1-1.456-.754m-2.937.032a1 1 0 0 1-1.364.747l-2.313-.952l1.09-2.903a1 1 0 0 1 .936-.649m-2.673 13.021s-.718 8.793 3.008 9.937c2.645.813 5.15.533 6.062-.25c.875-.75 2.632-4.474 1.827-9.687"/><path d="M44.264 30.109s1.805 1.242 2.748.668a2 2 0 0 0-2.08-3.417c-.944.575-.668 2.749-.668 2.749"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M25.625 42.84c-.475 3.602 2.234 5.75 4.284 6.84a3.42 3.42 0 0 0 3.718-.317l2.58-2.024l2.582 2.024a3.42 3.42 0 0 0 3.717.318c2.05-1.091 4.76-3.24 4.285-6.842"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.95 28.357c-2.316 5.16-.507 13.025.12 15.376a1.98 1.98 0 0 1-.127 1.363l-1.988 4.194c-.623 1.315-2.393 1.553-3.33.44c-3.193-3.786-8.559-11.39-6.55-16.685c7.063-18.61 15.869-18.143 15.869-18.143c2.845-1.934 13.104-6.938 24.812.875c0 0 8.632-1.718 14.938 16.937c1.803 5.337-3.43 12.867-6.551 16.645c-.931 1.127-2.716.893-3.342-.428l-1.975-4.165a1.98 1.98 0 0 1-.127-1.363c.628-2.351 2.436-10.216.12-15.376"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M52.63 46.463s-3.077 6.721-7.804 8.271m-25.389-7.765s3.078 6.082 7.805 7.632m8.966-7.262v-3.03"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DogFaceIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.