Skip to content

Pebble

The pebble icon represents a small stone or rock, often found in natural landscapes.

Add shadcn.io to your AI agent. · Pro It installs Pebble, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 18 × 24 px

Pebble icon from WebHostingHub Glyphs

Code

Pebble in your framework

In any framework. Customize it above, and the code follows.

export const PebbleIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="0 0 768 1024" {...props}>
    <path fill="currentColor" d="M768 640v192h-64v32q0 13-9.5 22.5T672 896h-96v96q0 13-9.5 22.5T544 1024H224q-13 0-22.5-9.5T192 992v-96H96q-13 0-22.5-9.5T64 864V448H0V256h64v-96q0-13 9.5-22.5T96 128h96V32q0-13 9.5-22.5T224 0h320q13 0 22.5 9.5T576 32v96h96q13 0 22.5 9.5T704 160v32h64v192h-64v64h64v128h-64v64zM640 256H128v512h512z"/>
  </svg>
);

Other libraries

Pebble in 1 more libraries

Each library draws it its own way. Open one to compare.

  • Pebble icon from Arcticons

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Mountains icon from WebHostingHub Glyphs
  • Campfire icon from WebHostingHub Glyphs
  • Camping icon from WebHostingHub Glyphs
  • Meteorite icon from WebHostingHub Glyphs
  • Sea icon from WebHostingHub Glyphs
  • Seaalt icon from WebHostingHub Glyphs
  • Sunrise icon from WebHostingHub Glyphs
  • Sunset icon from WebHostingHub Glyphs
  • Acorn icon from WebHostingHub Glyphs
  • Bait icon from WebHostingHub Glyphs
  • Bamboo icon from WebHostingHub Glyphs
  • Basecamp icon from WebHostingHub Glyphs
  • Branch icon from WebHostingHub Glyphs
  • Butterfly icon from WebHostingHub Glyphs
  • Butterflyalt icon from WebHostingHub Glyphs
  • Cactus icon from WebHostingHub Glyphs
  • Chyrp icon from WebHostingHub Glyphs
  • Circlevine icon from WebHostingHub Glyphs
  • City icon from WebHostingHub Glyphs
  • Clover icon from WebHostingHub Glyphs
  • Cloveralt icon from WebHostingHub Glyphs
  • Diamond icon from WebHostingHub Glyphs
  • Flower icon from WebHostingHub Glyphs
  • Flowernew icon from WebHostingHub Glyphs

Skip the copy and paste. With Pro, your AI agent finds and installs any WebHostingHub Glyphs icon from a prompt.

Get Pro

Tags

Browse by tag

Pebble is tagged nature, outdoor, landscape and 3 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

Ask for Pebble or any of 2,125 WebHostingHub Glyphs icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Pebble icon means and where it's used, then how to install, style and license it.

Install Pebble from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro