Home/Libraries/Pepicons (Iconify)/pin-print

Pepicons (Iconify)

PinPrint

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 20 20"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><g opacity=".8"><path d="M11.996 4.852a1 1 0 0 0-1.388.273L8.099 8.86L6.44 7.746L8.948 4.01a3 3 0 0 1 4.163-.818l3.32 2.23a3 3 0 0 1 .819 4.162l-2.51 3.736l-1.66-1.114l2.508-3.736a1 1 0 0 0-.273-1.388l-3.32-2.23ZM2.827 9.537a1 1 0 0 1 1.388-.273l9.963 6.69a1 1 0 1 1-1.115 1.66L3.1 10.924a1 1 0 0 1-.273-1.387Z"/><path d="M6.634 9.36c-.41.053-.786.14-.995.245c-.203.102-.49.345-.77.633a7.72 7.72 0 0 0-.404.449l-.021.025l-.004.005a1 1 0 0 1-1.564-1.246l.782.623l-.782-.623l.002-.002l.003-.004l.01-.012l.032-.04l.116-.137a9.41 9.41 0 0 1 .399-.435c.304-.312.783-.76 1.298-1.02c.53-.27 1.195-.387 1.641-.445a9.83 9.83 0 0 1 .789-.07l.053-.002h.023l.026.952l-.025-.952a1 1 0 0 1 .052 1.999l-.026-1l.027 1H7.29l-.035.002l-.14.007a7.822 7.822 0 0 0-.48.047Zm6.544 4.393c.105.4.168.78.149 1.014c-.018.227-.135.584-.294.952a7.893 7.893 0 0 1-.263.544l-.016.03l-.003.005a1 1 0 0 0 1.746.976l-.873-.488l.873.488l.001-.003l.003-.004l.007-.013l.025-.046a8.74 8.74 0 0 0 .334-.692c.174-.4.407-1.013.454-1.589c.047-.593-.095-1.252-.21-1.687a9.738 9.738 0 0 0-.235-.756l-.018-.05l-.005-.015l-.002-.005v-.001l-.001-.001l-.89.337l.89-.337a1 1 0 0 0-1.87.707l.935-.354c-.935.355-.936.354-.936.354l.003.007l.011.032a7.751 7.751 0 0 1 .184.595Zm-4.539-.314a1 1 0 0 1 .273 1.387l-1.673 2.491a1 1 0 1 1-1.66-1.115l1.672-2.49a1 1 0 0 1 1.388-.273Z"/><path d="m16.977 8.197l-6.642-4.46L6.99 8.718l-.83-.557l-1.672 2.49l.83.558l6.642 4.46l.83.557l1.672-2.49l-.83-.558l3.345-4.981Z"/></g><path d="M10.77 2.932a1.5 1.5 0 0 0-2.082.41L6.18 7.076l-.83-.557l2.508-3.736a2.5 2.5 0 0 1 3.47-.682l3.32 2.23A2.5 2.5 0 0 1 15.33 7.8l-2.508 3.736l-.83-.558L14.5 7.245a1.5 1.5 0 0 0-.41-2.082l-3.32-2.23ZM1.738 8.31a.5.5 0 0 1 .694-.136l9.963 6.69a.5.5 0 0 1-.558.83l-9.962-6.69a.5.5 0 0 1-.137-.693Z"/><path d="M5.066 7.359c-.42.054-.868.149-1.157.295c-.281.142-.616.436-.902.73a8.296 8.296 0 0 0-.432.48l-.024.029l-.006.007l-.392-.312m0 0l-.39-.311v-.002l.003-.003l.008-.01l.03-.037a9.288 9.288 0 0 1 .487-.54c.299-.307.73-.703 1.167-.925c.45-.227 1.042-.337 1.479-.394a9.327 9.327 0 0 1 .747-.066l.048-.002h.018c.001 0 .002 0 .015.5l-.014-.5a.5.5 0 0 1 .027 1h-.011l-.04.001a8.326 8.326 0 0 0-.662.058m7.091 4.763c.109.409.191.86.165 1.182c-.025.314-.17.735-.334 1.112a8.355 8.355 0 0 1-.28.58l-.019.034l-.004.008v.001l.436.244m0 0l.436.244l.001-.001l.002-.004l.006-.011l.023-.042a9.33 9.33 0 0 0 .316-.655c.17-.393.375-.941.414-1.43c.04-.502-.082-1.092-.195-1.518a9.33 9.33 0 0 0-.222-.716l-.016-.046l-.005-.013l-.001-.003v-.002l-.469.177l.468-.176a.5.5 0 0 0-.935.353v.002l.004.008l.013.037l.05.143c.04.123.095.296.146.492m-4.743-.601a.5.5 0 0 1 .137.694l-2.23 3.32a.5.5 0 0 1-.83-.557l2.23-3.32a.5.5 0 0 1 .693-.137Z"/></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. PinPrintIcon.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.