Home/Libraries/Basil (Iconify)/behance-solid

Basil (Iconify)

BehanceSolid

License: CC-BY-4.0

ICON SIZE

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 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M10.187 11.362a3.24 3.24 0 0 0 1.343-1.108a3.15 3.15 0 0 0 .451-1.751a3.8 3.8 0 0 0-.304-1.64a2.63 2.63 0 0 0-.86-1.109c-.4-.29-.855-.487-1.333-.576A7.5 7.5 0 0 0 7.764 5H1.8a.3.3 0 0 0-.3.3v13.341a.3.3 0 0 0 .3.3h6.1c.584 0 1.166-.078 1.73-.233a4.7 4.7 0 0 0 1.501-.72a3.4 3.4 0 0 0 1.05-1.263a3.96 3.96 0 0 0 .388-1.829a4 4 0 0 0-.599-2.216a3.15 3.15 0 0 0-1.836-1.32zM4.55 7.25a.2.2 0 0 0-.2.2v3.1c0 .11.09.2.2.2h2.8a1.75 1.75 0 0 0 0-3.5zm-.2 5.45c0-.11.09-.2.2-.2h2.925a2.125 2.125 0 0 1 0 4.25H4.55a.2.2 0 0 1-.2-.2z" clip-rule="evenodd"/><path fill="#818cf8" d="M15.439 5.71h4.723a.3.3 0 0 1 .3.296l.013.962a.3.3 0 0 1-.3.304h-4.736a.3.3 0 0 1-.3-.3V6.01a.3.3 0 0 1 .3-.3"/><path fill="#818cf8" fill-rule="evenodd" d="M17.972 16.87a2.25 2.25 0 0 0 1.363-.41c.26-.173.467-.42.598-.712a.22.22 0 0 1 .194-.13h1.921c.13 0 .226.122.187.246a4.66 4.66 0 0 1-1.64 2.358a4.8 4.8 0 0 1-2.77.775a5.2 5.2 0 0 1-2.036-.376a4.2 4.2 0 0 1-1.531-1.109a5 5 0 0 1-.924-1.695a6.4 6.4 0 0 1-.335-2.15a6.3 6.3 0 0 1 .346-2.117a4.9 4.9 0 0 1 .996-1.684a4.7 4.7 0 0 1 1.543-1.109a4.9 4.9 0 0 1 1.993-.41a4.4 4.4 0 0 1 2.099.5a4.45 4.45 0 0 1 1.49 1.34c.391.578.676 1.228.839 1.917a7.6 7.6 0 0 1 .178 2.217h-6.945a2.85 2.85 0 0 0 .65 1.95c.242.224.526.393.833.496s.63.138.95.103M15.6 12.399a.1.1 0 0 0 .101.101h4.048a.1.1 0 0 0 .101-.101a2.024 2.024 0 0 0-2.024-2.024h-.202a2.024 2.024 0 0 0-2.024 2.024" clip-rule="evenodd"/></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. BehanceSolidIcon.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-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.