Overview

@pxlkit/social is a themed icon pack for the Pxlkit ecosystem containing 43 icons (35 static + 8 animated) designed for social media, community features, user interaction, and messaging.

Installation

npm install @pxlkit/core @pxlkit/social

@pxlkit/core is required as a dependency for rendering components.

Quick Start

import { PxlKitIcon, AnimatedPxlKitIcon } from '@pxlkit/core';
import { Heart, PulseHeart } from '@pxlkit/social';

// Static social icon
<PxlKitIcon icon={Heart} size={32} colorful />

// Animated pulsing heart
<AnimatedPxlKitIcon icon={PulseHeart} size={32} colorful />

Icons

Static Icons (35)

| Icon | Name | Description | | --- | --- | --- | | ❤️ | Heart | Like / love | | 💔 | HeartBroken | Broken heart | | 👍 | ThumbsUp | Like / approve | | 👎 | ThumbsDown | Dislike | | 👤 | User | User profile | | 👥 | UserGroup | Group / team | | 🔗 | Share | Share / link | | 🔖 | Bookmark | Bookmark / save | | 📷 | Camera | Photo / media | | 👁️ | Eye | Visible / view | | 🙈 | EyeOff | Hidden / private | | @ | AtSign | Mention / tag | | # | Hashtag | Hashtag / topic | | 🌐 | Globe | Public / global | | 📌 | Pin | Pinned / location | | ⭐ | SocialStar | Star / featured | | 🔥 | SocialFire | Trending / hot | | ✅ | Verified | Verified account | | 💬 | Comment | Comment / reply | | 🔁 | Repost | Repost / share | | 🔔 | Notification | Notification | | ✉️ | Message | Direct message | | 💬 | ChatBubble | Chat conversation | | 👥 | Community | Community / group | | 🤝 | Friends | Friends / connection | | ➕ | AddUser | Add user / follow | | ➖ | RemoveUser | Remove user / unfollow | | 🚫 | BlockUser | Block user | | 😊 | Smile | Happy / pleased | | 😢 | Sad | Sad / disappointed | | 😠 | Angry | Angry / upset | | 😂 | Laugh | Laughing / funny | | 😉 | Wink | Wink / playful | | 😮 | Surprise | Surprised / amazed | | 🤩 | StarFace | Star-eyed / excited |

Animated Icons (8)

| Icon | Name | Description | | --- | --- | --- | | ❤️ | PulseHeart | Pulsing heart beat | | 👁️ | BlinkingEye | Blinking eye | | 🏳️ | WavingFlag | Waving flag | | 😉 | WinkingFace | Winking face | | 😂 | LaughingFace | Laughing face | | 💕 | FloatingHearts | Floating hearts | | 💬 | BouncingMessage | Bouncing message bubble | | 📞 | RingingPhone | Ringing phone |

Using the Icon Pack

import { PxlKitIcon, AnimatedPxlKitIcon, isAnimatedIcon } from '@pxlkit/core';
import { SocialPack } from '@pxlkit/social';

// Render all social icons
{SocialPack.icons.map((icon) =>
  isAnimatedIcon(icon) ? (
    <AnimatedPxlKitIcon key={icon.name} icon={icon} size={32} colorful />
  ) : (
    <PxlKitIcon key={icon.name} icon={icon} size={32} colorful />
  )
)}

Related Packages

| Package | Description | | --- | --- | | @pxlkit/core | Core rendering engine (required) | | @pxlkit/gamification | 51 icons — RPG, achievements, rewards | | @pxlkit/feedback | 33 icons — alerts, status, notifications | | @pxlkit/weather | 36 icons — climate, moon, temperature | | @pxlkit/ui | 41 icons — interface controls, navigation | | @pxlkit/effects | 12 animated VFX icons | | @pxlkit/parallax | 10 multi-layer 3D parallax icons |

Documentation

Browse all icons and try the visual builder at pxlkit.xyz.

License

Pxlkit Asset License — free with attribution, with paid no-attribution terms in COMMERCIAL_TERMS.

Created by Joangel De La Rosa