FRIENDS ICONS / Bin

80 original metaphors × 2 vector styles + 24 Blender 3D renders = 184 variants.

outline/  — 80 rounded-stroke SVG + 256 px transparent PNG
duotone/  — 80 matching translucent-fill SVG + 256 px transparent PNG
clay/     — 24 original 512 px transparent PNG, rendered in Blender Cycles

QUICK START
Use any SVG or PNG file directly in your editor, Figma, presentation, or web app.
For HTML: <img src="./assets/clay/camera.png" width="64" height="64" alt="相机">
SVG files are actual editable paths, not PNG images inside SVG wrappers.
The gallery offers custom colors, stroke widths, transparent/solid backgrounds,
SVG/HTML/React JSX source, and PNG exports. 3D images are raster output;
larger exports resample the original 512 px PNG and do not add detail.

CODE
Load catalog.js then core.js to access FriendsIconCatalog and FriendsIconCore.
FriendsIconCore.svg(icon, 'outline', { color: '#31443b', size: 256, stroke: 1.75 })
FriendsIconCore.jsx(svgMarkup, icon.id) returns an editable React component.

SOURCE
friends-icons.blend is a separate download: 24 named scenes, editable objects,
native materials, orthographic cameras and soft studio lights. No linked textures.
The authoring script lives in scripts/render_clay_icons.py in the source repository.

PROVENANCE
Vector paths and 3D meshes were authored for this project. No third-party icon
library, brand logos, real products, or downloaded proprietary assets are used.
AI concept images, if present in the design documentation, are separate from
these deterministic vector and Blender source assets.
See LICENSE.txt for reuse terms.