Home/Libraries/SVG Logos (Iconify)/backbone

SVG Logos (Iconify)

Backbone

License: CC0-1.0Commercial Safe

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 512 92"><path fill="#818cf8" d="M103.96 22.425h13.364q9.03 0 13.262 3.066t4.232 9.264q0 4.231-2.582 7.048q-2.583 2.816-7.548 3.615v.2q5.832.867 8.58 3.683q2.75 2.816 2.75 7.847q0 6.732-4.465 10.364q-4.466 3.632-12.663 3.632h-14.93zm3.4 21.694h10.73q6.864 0 9.98-2.283t3.116-7.148t-3.516-7.064t-10.48-2.2h-9.83zm0 2.999v21.027h11.463q13.53 0 13.53-10.997q0-10.03-14.263-10.03zm62.848 6.832h-19.794l-6.798 17.194h-3.766l19.594-48.919h2.166l19.195 48.92h-3.833zm-18.561-3.067h17.428l-6.632-17.561q-.832-2.066-1.999-5.732q-.9 3.2-1.966 5.799zm56.816-26.092q-9.165 0-14.429 5.865t-5.265 16.062q0 10.43 4.965 16.195t14.196 5.765q6.132 0 11.263-1.566v2.999q-4.832 1.7-12.063 1.7q-10.263 0-16.162-6.632q-5.898-6.63-5.898-18.528q0-7.431 2.816-13.096q2.815-5.664 8.097-8.747q5.283-3.083 12.28-3.083q7.132.001 12.763 2.666l-1.366 3.066q-5.332-2.666-11.197-2.666m54.351 46.353h-4.166l-18.694-25.726l-6.498 5.732v19.994h-3.4V22.425h3.4v25.326l5.398-5.398l19.094-19.928h4.332L242.32 43.02zm6.964-48.719h13.363q9.03 0 13.263 3.066q4.232 3.066 4.232 9.264q0 4.231-2.583 7.048q-2.582 2.816-7.548 3.615v.2q5.832.867 8.581 3.683q2.75 2.816 2.75 7.847q-.001 6.732-4.466 10.364t-12.663 3.632h-14.929zm3.4 21.694h10.73q6.864 0 9.98-2.283q3.115-2.282 3.115-7.148t-3.515-7.064q-3.516-2.2-10.48-2.2h-9.83zm0 2.999v21.027h11.462q13.53 0 13.53-10.997q0-10.03-14.263-10.03zm80.342-.4q0 11.597-5.798 18.345q-5.799 6.748-15.996 6.748q-10.163 0-15.961-6.748q-5.799-6.749-5.799-18.412q0-11.63 5.849-18.31q5.848-6.682 15.978-6.682q10.197 0 15.962 6.714t5.765 18.345m-39.855 0q0 10.464 4.665 16.179q4.666 5.715 13.396 5.714q8.798 0 13.446-5.665q4.65-5.665 4.65-16.228q0-10.53-4.65-16.145q-4.648-5.615-13.379-5.615q-8.698 0-13.413 5.665t-4.715 16.095m86.441 24.426h-3.432L367.816 27.89h-.267q.4 7.731.4 11.663v31.591h-3.266V22.425h3.4l28.824 43.187h.2q-.3-5.997-.3-11.396v-31.79h3.3zm40.388 0H413.87V22.425h26.625v3.133h-23.226v18.427h21.927v3.133h-21.927v20.894h23.226zm9.597-2.599q0-3.266 2.666-3.266q2.733 0 2.733 3.266t-2.733 3.266q-2.666-.001-2.666-3.266m9.764 14.895q-3.066 0-5.032-.9v-2.932q2.6.666 4.965.667q8.065 0 8.065-8.798V22.425h3.399v48.72q0 12.295-11.397 12.295m51.818-24.859q0 6.099-4.482 9.664q-4.483 3.566-11.913 3.566q-8.932 0-13.696-1.967v-3.399q5.264 2.233 13.43 2.233q5.998 0 9.513-2.749q3.516-2.75 3.516-7.215q0-2.764-1.167-4.582q-1.166-1.816-3.798-3.315q-2.634-1.5-7.731-3.233q-7.466-2.565-10.314-5.548q-2.85-2.982-2.85-7.948q0-5.464 4.283-8.914t11.013-3.449q6.865 0 12.896 2.6l-1.233 2.932q-6.064-2.532-11.596-2.533q-5.4 0-8.598 2.5t-3.199 6.798q0 2.7.983 4.432q.984 1.733 3.216 3.115q2.233 1.384 7.665 3.316q5.697 1.966 8.564 3.816q2.865 1.85 4.182 4.198q1.316 2.35 1.316 5.682M.292.535V49.85L37 70.775V56.55L12.443 42.553V20.566l24.556 13.998V21.46z"/><path fill="#818cf8" d="M73.706.535V49.85L36.999 70.775V56.55l24.556-13.998V20.566L37 34.564V21.46z"/><path fill="#818cf8" d="M.292 91.72V42.407L37 21.48v14.224L12.443 49.703V70.57l24.556-13.998v14.223z"/><path fill="#818cf8" d="M73.706 91.72V42.407L36.999 21.48v14.224l24.556 13.998V70.57L37 56.573v14.223z"/></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. BackboneIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.