tool.io icons Source Code

Browse the implementation files for tool.io icons.
gallery.json json
{
  "kind": "tool.io/icon-list",
  "version": 1,
  "title": "tool.io UI icons",
  "summary": "First-party functional interface icons and colored skill marks created by the tool.io UX team.",
  "resource": {
    "label": "View the tool.io icons repository",
    "url": "https://github.com/tool-io/icons"
  },
  "items": [
    {
      "id": "add-new-page",
      "name": "Add new page",
      "source": "./add-new-page.svg",
      "tags": [
        "document",
        "plus",
        "create"
      ]
    },
    {
      "id": "ai",
      "name": "AI",
      "source": "./ai.svg",
      "tags": [
        "artificial intelligence"
      ]
    },
    {
      "id": "apps",
      "name": "Apps",
      "source": "./apps.svg",
      "tags": [
        "grid",
        "catalog"
      ]
    },
    {
      "id": "arrow-back",
      "name": "Arrow back",
      "source": "./arrow-back.svg",
      "tags": [
        "left",
        "previous",
        "navigation"
      ]
    },
    {
      "id": "arrow-right",
      "name": "Arrow right",
      "source": "./arrow-right.svg",
      "tags": [
        "next",
        "navigation"
      ]
    },
    {
      "id": "attach-file",
      "name": "Attach file",
      "source": "./attach-file.svg",
      "tags": [
        "paperclip",
        "upload"
      ]
    },
    {
      "id": "blank",
      "name": "Blank page",
      "source": "./blank.svg",
      "tags": [
        "document",
        "paper"
      ]
    },
    {
      "id": "brush",
      "name": "Brush",
      "source": "./brush.svg",
      "tags": [
        "draw",
        "paint"
      ]
    },
    {
      "id": "calendar-month",
      "name": "Calendar month",
      "source": "./calendar-month.svg",
      "tags": [
        "date",
        "schedule"
      ]
    },
    {
      "id": "calendar-today",
      "name": "Calendar today",
      "source": "./calendar-today.svg",
      "tags": [
        "date",
        "schedule"
      ]
    },
    {
      "id": "chain",
      "name": "Chain",
      "source": "./chain.svg",
      "tags": [
        "workflow",
        "pipeline",
        "link"
      ]
    },
    {
      "id": "checkered",
      "name": "Checkered paper",
      "source": "./checkered.svg",
      "tags": [
        "page",
        "pattern"
      ]
    },
    {
      "id": "clock",
      "name": "Clock",
      "source": "./clock.svg",
      "tags": [
        "time"
      ]
    },
    {
      "id": "close",
      "name": "Close",
      "source": "./close.svg",
      "tags": [
        "dismiss",
        "remove",
        "x"
      ]
    },
    {
      "id": "compare",
      "name": "Compare",
      "source": "./compare.svg",
      "tags": [
        "difference",
        "split"
      ]
    },
    {
      "id": "copy-content",
      "name": "Copy content",
      "source": "./copy-content.svg",
      "tags": [
        "duplicate",
        "clipboard"
      ]
    },
    {
      "id": "copy",
      "name": "Copy",
      "source": "./copy.svg",
      "tags": [
        "duplicate",
        "clipboard"
      ]
    },
    {
      "id": "create-new-folder",
      "name": "Create new folder",
      "source": "./create-new-folder.svg",
      "tags": [
        "directory",
        "plus"
      ]
    },
    {
      "id": "dark-mode",
      "name": "Dark mode",
      "source": "./dark-mode.svg",
      "tags": [
        "moon",
        "theme"
      ]
    },
    {
      "id": "diagonal",
      "name": "Diagonal paper",
      "source": "./diagonal.svg",
      "tags": [
        "page",
        "pattern"
      ]
    },
    {
      "id": "dictionary",
      "name": "Dictionary",
      "source": "./dictionary.svg",
      "tags": [
        "book",
        "word",
        "language"
      ]
    },
    {
      "id": "dotted",
      "name": "Dotted paper",
      "source": "./dotted.svg",
      "tags": [
        "page",
        "pattern"
      ]
    },
    {
      "id": "edit",
      "name": "Edit",
      "source": "./edit.svg",
      "tags": [
        "pencil",
        "change"
      ]
    },
    {
      "id": "emoji",
      "name": "Emoji",
      "source": "./emoji.svg",
      "tags": [
        "emoticon",
        "smile"
      ]
    },
    {
      "id": "eraser",
      "name": "Eraser",
      "source": "./eraser.svg",
      "tags": [
        "delete",
        "draw"
      ]
    },
    {
      "id": "explore",
      "name": "Explore",
      "source": "./explore.svg",
      "tags": [
        "discover",
        "compass"
      ]
    },
    {
      "id": "favorite-filled",
      "name": "Favorite filled",
      "source": "./favorite-filled.svg",
      "tags": [
        "star",
        "saved",
        "selected"
      ]
    },
    {
      "id": "favorite",
      "name": "Favorite",
      "source": "./favorite.svg",
      "tags": [
        "star",
        "save"
      ]
    },
    {
      "id": "felt-pen",
      "name": "Felt pen",
      "source": "./felt-pen.svg",
      "tags": [
        "marker",
        "draw"
      ]
    },
    {
      "id": "geometry",
      "name": "Geometry",
      "source": "./geometry.svg",
      "tags": [
        "shapes",
        "math"
      ]
    },
    {
      "id": "graph-paper",
      "name": "Graph paper",
      "source": "./graph-paper.svg",
      "tags": [
        "grid",
        "page"
      ]
    },
    {
      "id": "help",
      "name": "Help",
      "source": "./help.svg",
      "tags": [
        "question",
        "support"
      ]
    },
    {
      "id": "history",
      "name": "History",
      "source": "./history.svg",
      "tags": [
        "time",
        "recent"
      ]
    },
    {
      "id": "home",
      "name": "Home",
      "source": "./home.svg",
      "tags": [
        "house",
        "navigation"
      ]
    },
    {
      "id": "image-trace",
      "name": "Image trace",
      "source": "./image-trace.svg",
      "tags": [
        "vector",
        "outline"
      ]
    },
    {
      "id": "image",
      "name": "Image",
      "source": "./image.svg",
      "tags": [
        "picture",
        "photo"
      ]
    },
    {
      "id": "jobs",
      "name": "Jobs",
      "source": "./jobs.svg",
      "tags": [
        "work",
        "briefcase",
        "career"
      ]
    },
    {
      "id": "launch",
      "name": "Launch",
      "source": "./launch.svg",
      "tags": [
        "open",
        "external"
      ]
    },
    {
      "id": "learn",
      "name": "Learn",
      "source": "./learn.svg",
      "tags": [
        "education",
        "book"
      ]
    },
    {
      "id": "like-filled",
      "name": "Like filled",
      "source": "./like-filled.svg",
      "tags": [
        "thumb",
        "selected"
      ]
    },
    {
      "id": "like",
      "name": "Like",
      "source": "./like.svg",
      "tags": [
        "thumb"
      ]
    },
    {
      "id": "line",
      "name": "Line",
      "source": "./line.svg",
      "tags": [
        "draw",
        "rule"
      ]
    },
    {
      "id": "location-distance",
      "name": "Location distance",
      "source": "./location-distance.svg",
      "tags": [
        "map",
        "measure",
        "pin"
      ]
    },
    {
      "id": "location",
      "name": "Location",
      "source": "./location.svg",
      "tags": [
        "map",
        "pin",
        "place"
      ]
    },
    {
      "id": "login",
      "name": "Log in",
      "source": "./login.svg",
      "tags": [
        "sign in",
        "account"
      ]
    },
    {
      "id": "logout",
      "name": "Log out",
      "source": "./logout.svg",
      "tags": [
        "sign out",
        "account"
      ]
    },
    {
      "id": "map",
      "name": "Map",
      "source": "./map.svg",
      "tags": [
        "geography",
        "location"
      ]
    },
    {
      "id": "marker",
      "name": "Marker",
      "source": "./marker.svg",
      "tags": [
        "highlight",
        "draw"
      ]
    },
    {
      "id": "menu",
      "name": "Menu",
      "source": "./menu.svg",
      "tags": [
        "navigation",
        "hamburger"
      ]
    },
    {
      "id": "mic",
      "name": "Microphone",
      "source": "./mic.svg",
      "tags": [
        "audio",
        "voice",
        "record"
      ]
    },
    {
      "id": "more-horizontal",
      "name": "More horizontal",
      "source": "./more-horizontal.svg",
      "tags": [
        "ellipsis",
        "options"
      ]
    },
    {
      "id": "more-vertical",
      "name": "More vertical",
      "source": "./more-vertical.svg",
      "tags": [
        "ellipsis",
        "options"
      ]
    },
    {
      "id": "note-taking",
      "name": "Note taking",
      "source": "./note-taking.svg",
      "tags": [
        "write",
        "document"
      ]
    },
    {
      "id": "ok",
      "name": "OK",
      "source": "./ok.svg",
      "tags": [
        "check",
        "confirm",
        "success"
      ]
    },
    {
      "id": "open-in-full",
      "name": "Open in full",
      "source": "./open-in-full.svg",
      "tags": [
        "fullscreen",
        "expand"
      ]
    },
    {
      "id": "pdf",
      "name": "PDF",
      "source": "./pdf.svg",
      "tags": [
        "document",
        "file"
      ]
    },
    {
      "id": "pen",
      "name": "Pen",
      "source": "./pen.svg",
      "tags": [
        "draw",
        "write"
      ]
    },
    {
      "id": "person",
      "name": "Person",
      "source": "./person.svg",
      "tags": [
        "user",
        "profile",
        "account"
      ]
    },
    {
      "id": "plus",
      "name": "Plus",
      "source": "./plus.svg",
      "tags": [
        "add",
        "create"
      ]
    },
    {
      "id": "print",
      "name": "Print",
      "source": "./print.svg",
      "tags": [
        "printer",
        "paper"
      ]
    },
    {
      "id": "redo",
      "name": "Redo",
      "source": "./redo.svg",
      "tags": [
        "history",
        "repeat"
      ]
    },
    {
      "id": "ruler",
      "name": "Ruler",
      "source": "./ruler.svg",
      "tags": [
        "measure",
        "length"
      ]
    },
    {
      "id": "save",
      "name": "Save",
      "source": "./save.svg",
      "tags": [
        "disk",
        "store"
      ]
    },
    {
      "id": "search",
      "name": "Search",
      "source": "./search.svg",
      "tags": [
        "find",
        "magnifier"
      ]
    },
    {
      "id": "select",
      "name": "Select",
      "source": "./select.svg",
      "tags": [
        "cursor",
        "pointer"
      ]
    },
    {
      "id": "settings",
      "name": "Settings",
      "source": "./settings.svg",
      "tags": [
        "gear",
        "preferences"
      ]
    },
    {
      "id": "share",
      "name": "Share",
      "source": "./share.svg",
      "tags": [
        "send",
        "social"
      ]
    },
    {
      "id": "sheet-music",
      "name": "Sheet music",
      "source": "./sheet-music.svg",
      "tags": [
        "note",
        "audio"
      ]
    },
    {
      "id": "source",
      "name": "Source code",
      "source": "./source.svg",
      "tags": [
        "code",
        "developer"
      ]
    },
    {
      "id": "stats",
      "name": "Statistics",
      "source": "./stats.svg",
      "tags": [
        "chart",
        "analytics",
        "data"
      ]
    },
    {
      "id": "stats2",
      "name": "Statistics detail",
      "source": "./stats2.svg",
      "tags": [
        "chart",
        "analytics",
        "data"
      ]
    },
    {
      "id": "text",
      "name": "Text",
      "source": "./text.svg",
      "tags": [
        "type",
        "typography"
      ]
    },
    {
      "id": "trading",
      "name": "Trading",
      "source": "./trading.svg",
      "tags": [
        "finance",
        "market"
      ]
    },
    {
      "id": "tutorial",
      "name": "Tutorial",
      "source": "./tutorial.svg",
      "tags": [
        "education",
        "graduation"
      ]
    },
    {
      "id": "undo",
      "name": "Undo",
      "source": "./undo.svg",
      "tags": [
        "history",
        "back"
      ]
    },
    {
      "id": "visibility-off",
      "name": "Visibility off",
      "source": "./visibility-off.svg",
      "tags": [
        "eye",
        "hidden"
      ]
    },
    {
      "id": "visibility",
      "name": "Visibility",
      "source": "./visibility.svg",
      "tags": [
        "eye",
        "show"
      ]
    },
    {
      "id": "wiki",
      "name": "Wiki",
      "source": "./wiki.svg",
      "tags": [
        "knowledge",
        "books",
        "reference"
      ]
    },
    {
      "id": "skill-android-color",
      "name": "Android skill mark (color)",
      "source": "./skills/color/android.svg",
      "tags": [
        "skill",
        "technology",
        "mobile",
        "android",
        "color"
      ]
    },
    {
      "id": "skill-cpp-color",
      "name": "C++ skill mark (color)",
      "source": "./skills/color/cpp.svg",
      "tags": [
        "skill",
        "technology",
        "programming",
        "c++",
        "color"
      ]
    },
    {
      "id": "skill-css-color",
      "name": "CSS skill mark (color)",
      "source": "./skills/color/css.svg",
      "tags": [
        "skill",
        "technology",
        "web",
        "stylesheet",
        "color"
      ]
    },
    {
      "id": "skill-data-color",
      "name": "Data skill mark (color)",
      "source": "./skills/color/data.svg",
      "tags": [
        "skill",
        "technology",
        "data",
        "analytics",
        "color"
      ]
    },
    {
      "id": "skill-erlang-color",
      "name": "Erlang skill mark (color)",
      "source": "./skills/color/erlang.svg",
      "tags": [
        "skill",
        "technology",
        "programming",
        "erlang",
        "color"
      ]
    },
    {
      "id": "skill-flutter-color",
      "name": "Flutter skill mark (color)",
      "source": "./skills/color/flutter.svg",
      "tags": [
        "skill",
        "technology",
        "mobile",
        "flutter",
        "color"
      ]
    },
    {
      "id": "skill-haskell-color",
      "name": "Haskell skill mark (color)",
      "source": "./skills/color/haskell.svg",
      "tags": [
        "skill",
        "technology",
        "programming",
        "haskell",
        "color"
      ]
    },
    {
      "id": "skill-html-color",
      "name": "HTML skill mark (color)",
      "source": "./skills/color/html.svg",
      "tags": [
        "skill",
        "technology",
        "web",
        "markup",
        "color"
      ]
    },
    {
      "id": "skill-ios-color",
      "name": "iOS skill mark (color)",
      "source": "./skills/color/ios.svg",
      "tags": [
        "skill",
        "technology",
        "mobile",
        "ios",
        "color"
      ]
    },
    {
      "id": "skill-java-color",
      "name": "Java skill mark (color)",
      "source": "./skills/color/java.svg",
      "tags": [
        "skill",
        "technology",
        "programming",
        "java",
        "color"
      ]
    },
    {
      "id": "skill-javascript-color",
      "name": "JavaScript skill mark (color)",
      "source": "./skills/color/js.svg",
      "tags": [
        "skill",
        "technology",
        "programming",
        "javascript",
        "js",
        "color"
      ]
    },
    {
      "id": "skill-php-color",
      "name": "PHP skill mark (color)",
      "source": "./skills/color/php.svg",
      "tags": [
        "skill",
        "technology",
        "programming",
        "php",
        "color"
      ]
    },
    {
      "id": "skill-python-color",
      "name": "Python skill mark (color)",
      "source": "./skills/color/python.svg",
      "tags": [
        "skill",
        "technology",
        "programming",
        "python",
        "color"
      ]
    },
    {
      "id": "skill-pytorch-color",
      "name": "PyTorch skill mark (color)",
      "source": "./skills/color/pytorch.svg",
      "tags": [
        "skill",
        "technology",
        "machine learning",
        "pytorch",
        "color"
      ]
    },
    {
      "id": "skill-r-color",
      "name": "R skill mark (color)",
      "source": "./skills/color/r.svg",
      "tags": [
        "skill",
        "technology",
        "statistics",
        "programming",
        "color"
      ]
    },
    {
      "id": "skill-react-color",
      "name": "React skill mark (color)",
      "source": "./skills/color/react.svg",
      "tags": [
        "skill",
        "technology",
        "web",
        "react",
        "color"
      ]
    },
    {
      "id": "skill-svelte-color",
      "name": "Svelte skill mark (color)",
      "source": "./skills/color/svelte.svg",
      "tags": [
        "skill",
        "technology",
        "web",
        "svelte",
        "color"
      ]
    },
    {
      "id": "skill-tensorflow-color",
      "name": "TensorFlow skill mark (color)",
      "source": "./skills/color/tensorflow.svg",
      "tags": [
        "skill",
        "technology",
        "machine learning",
        "tensorflow",
        "color"
      ]
    },
    {
      "id": "skill-uxui-color",
      "name": "UX/UI skill mark (color)",
      "source": "./skills/color/uxui.svg",
      "tags": [
        "skill",
        "design",
        "user experience",
        "user interface",
        "color"
      ]
    }
  ]
}

Description

Browse the implementation files for tool.io icons.

References

  1. Tool.io on GitHub
  2. Tool.io TypeScript tools library

Similar or alternative tools

Don't forget to set a bookmark for tool.io!
Privacy | Imprint | Cookies