Home/Libraries/OpenMoji (Iconify)/boar

OpenMoji (Iconify)

Boar

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="#6a462f" d="m17.886 21.075l-.204.376a6.87 6.87 0 0 1-2.517 2.624l-5.266 3.144S5.8 30.63 6.146 31.917c.174.647.405 1.36.592 1.91q.282.824.418 1.684c.134.853.442 2.186 1.098 2.735c.5.419 1.443.3 2.26.077c1.302-.355 2.632-.603 3.98-.666l.602-.028l.458-.014a8.1 8.1 0 0 1 3.096.51c5.97 2.232 5.525 2.134 5.849 2.205c.763.167 2.172 1.507 2.172 1.507s-.417 2.728 0 3.737c.417 1.01 1.273 5.186 1.273 5.186l-.822 4.073l1.645 2.083s3.18-.006 3.316-1.598l1.005 2.019l2.423-.398l.72-1.527l.398-7.183l1.959-4.701s1.5.708 2.25 1.007c.414.164 2.103.147 3.535.099a10.2 10.2 0 0 0 4.008-.978l2.312-1.096l3.655 3.608l-.185 4.862l-.337 3.55l.522 1.366l1.331.671l2.282-.671l1.128-10.86l-.833-3.24s4.308-9.721 3.237-12.784c-.766-2.19-5.277-4.99-7.785-6.409a18.7 18.7 0 0 0-3.189-1.424l-6.666-2.267a25 25 0 0 0-1.8-.54C39.646 17.797 33.278 16.2 30.338 16c-3.028-.207-9.294 2.923-11.385 4.02a2.57 2.57 0 0 0-1.068 1.055Z"/><path fill="#3f3f3f" d="M22.004 38.246s8.792 6.212 16.834 4.129l-1.864 5.352a8 8 0 0 0-.433 2.227l-.217 4.406a2.99 2.99 0 0 1-2.313 2.765a1.62 1.62 0 0 1-1.562-.487l-.632-.692s-1.308 1.262-3.05.97c-.766-.128-1.268-.732-1.59-1.368c-.431-.854-.469-1.855-.178-2.767l.365-1.146a7.3 7.3 0 0 0 .076-4.168a12 12 0 0 0-1.883-3.874c-1.31-1.786-3.205-4.443-3.553-5.347m37.084.629s-6.709-.125-7.709 2.583c-.6 1.625.59 2.996 1.636 3.833c.804.642 1.242 1.638 1.119 2.66l-.323 2.686q-.014.123-.02.247l-.128 3.417a2.116 2.116 0 0 0 2.393 2.177a3.02 3.02 0 0 0 2.534-2.257l.432-1.711q.066-.26.085-.527l.5-7.08a3 3 0 0 0-.022-.637l-.622-4.391zm-35.75-17.187s-5.5 5.5 1.562 8.687l3.044-2.187s1.081-3.688 1.081-3.938s-.258-3.39-.258-3.39l-1.117-.36z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8.987 37.652s2.017 1.435 4.267-.155l3.108.223a4.25 4.25 0 0 0 3.281-1.206l3.267-3.207m-9.317-.035c-.862-.66-1.343-2.584-.467-4.21"/><path d="M15.232 32.222c-2.69 2.346-8.169 2.527-8.169 2.527l-.917-2.481c1.213-4.971 10.637-9.16 10.637-9.16l.842-2.227c4.623-3.72 9.956-5.127 16.068-4.094c0 0 22.688 2.947 27.53 12.165c0 0 1.592 2.319-2.967 12.894l.834 3.247l-.696 9.795c-.07.974-.88 1.73-1.857 1.73h-.858a1.86 1.86 0 0 1-1.853-2.038l.771-8.124l-3.67-4.24s-2.068 3.984-9.545 1.58"/><path d="m23.816 22.565l3.774-1.682a.76.76 0 0 1 .945.703c.103 2.055.232 7.379-3.84 7.767m-2.455 9.053c5.779 1.96 6.527 2.483 8.558 4.367l1.692 7.755l-.407 4.79a1.86 1.86 0 0 0 1.855 2.02h.432a1.856 1.856 0 0 0 1.86-1.926c-.141-3.487.032-10.859 3.59-14.851"/><path d="M27.623 45.575c.415 1.917.696 4.735-.42 8.203c-.343 1.07.436 2.168 1.56 2.168h.004m35.804-24.869c.557 1.02 1.515 6.215-.448 7.421c-1.964 1.206.59 3.34.59 3.34"/></g></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. BoarIcon.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.