Home/Libraries/SVG Logos (Iconify)/ghost

SVG Logos (Iconify)

Ghost

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 165"><path fill="#818cf8" d="M.217 108.238h34.907v17.454H.217zm52.359 0h34.885v17.454H52.576zM.19 73.331h87.282v17.454H.19zm.027-34.905h52.366v17.453H.217zm69.814 0h17.453v17.453H70.031z"/><path fill="#818cf8" d="M340.866 38.325c-28.031 0-42.508 19.823-42.508 44.275c0 24.454 14.12 44.28 42.508 44.28s42.508-19.826 42.508-44.28c.001-24.452-14.478-44.275-42.508-44.275m21.207 44.355c-.02 15.724-5.319 28.46-21.207 28.46s-21.188-12.735-21.205-28.46v-.08c.017-15.723 5.317-28.458 21.206-28.458c15.887 0 21.186 12.735 21.206 28.459v.078m-146.72 43.012V3.276S231.5.982 232.751.814c1.418-.192 3.301.818 3.301 2.814v45.38c3.35-3.186 7.04-5.753 11.062-7.71q6.034-2.932 14.165-2.933q7.04 0 12.484 2.39q5.45 2.387 9.095 6.701q3.645 4.319 5.532 10.31q1.885 5.991 1.885 13.2v54.724h-20.7V70.965q0-7.876-3.646-12.195q-3.646-4.314-10.94-4.315q-5.362 0-10.052 2.432q-4.695 2.429-8.885 6.62v62.184zm276.349 1.179c-14.245 0-23.172-8.29-23.172-23.755V57.279h-16.054l3.682-12.73c.271-.929.977-1.926 2.394-2.123l9.958-1.389l3.945-25.098s11.591-1.634 13.429-1.908c1.735-.26 3.309.99 3.309 2.88v24.126h20.304V57.28h-20.304v45.218c0 6.174 3.759 8.533 7.362 8.533c2.202 0 5.218-1.17 7.468-2.213c1.39-.643 3.546-.166 4.103 1.775c.492 1.72 3.11 10.849 3.11 10.849c-2.26 1.458-9.397 5.43-19.534 5.43M441.101 57.55c-4.034-1.31-11.617-3.408-18.83-3.408c-7.35 0-13.133 2.54-13.133 8.65c0 7.633 12.463 9.855 20.994 12.966c5.704 2.08 20.999 6.136 20.999 22.586c0 19.982-16.595 28.525-34.297 28.525c-17.704 0-28.163-6.584-28.163-6.584s2.746-9.7 3.302-11.615c.503-1.724 2.506-2.328 3.782-1.838c4.557 1.756 12.784 4.197 22.084 4.197c9.415 0 13.97-2.875 13.97-9.003c0-8.157-12.714-10.65-21.123-13.302c-5.793-1.826-21.125-6.084-21.125-24.176c0-17.822 15.65-26.183 32.375-26.183c14.157 0 21.102 2.96 26.289 5.603l-3.32 11.575c-.506 1.783-1.97 2.601-3.804 2.007M207.272 41.316c0-1.928-1.647-3.032-3.218-2.852c-6.947.796-11.903 4.065-15.11 7.108c-6.295-4.932-15.034-7.288-24.843-7.288c-19.665 0-35.03 9.492-35.03 30.187c0 11.881 5.058 20.068 13.09 24.887c-5.965 2.823-9.938 8.814-9.938 14.704c0 9.852 7.784 12.937 7.784 12.937s-13.61 6.606-13.61 19.82c0 16.918 15.568 23.758 34.592 23.758c27.42 0 46.287-11.326 46.287-32.122c0-12.799-9.794-19.865-31.138-20.705c-12.665-.5-20.87-.955-22.902-1.628c-2.686-.892-4.006-3.042-4.006-5.416c0-2.62 2.153-5.116 5.546-6.83c2.96.525 6.084.784 9.328.784c19.681 0 35.03-9.464 35.03-30.187c0-5.026-.907-9.388-2.556-13.115c2.891-1.543 6.449-2.629 10.697-2.629c-.003 0-.003-9.655-.003-11.413m-54.193 84.482s10.326.39 20.646.869c11.593.536 15.206 3.034 15.206 9.037c0 7.334-10.075 14.468-24.155 14.468c-13.365 0-20.04-4.65-20.04-12.391c0-4.442 2.345-9.411 8.343-11.983m11.06-41.584c-9.316 0-16.585-4.949-16.585-15.743s7.275-15.743 16.585-15.743s16.584 4.935 16.584 15.743s-7.265 15.743-16.584 15.743"/></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. GhostIcon.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.