Material-design-icons: Clipboard icons? Copy, cut, paste, paste&go, paste&search ?

Created on 1 Dec 2019  路  7Comments  路  Source: google/material-design-icons

I don't see those when I search them here:
https://material.io/resources/icons/?search=copy&style=baseline

Example:

image

How come?

Most helpful comment

Clipboard related icons are available. However, they're not included on the main Material icons reference page. This _seems_ like a documentation bug to me.

They've been around since the third commit, way back in 2014: 95c4d7a:/index.html:302. So it's not like they're a recent addition.

You can see them all listed in /sprites/svg-sprite/svg-sprite-content.html (which you can view properly rendered using raw.githack here).

To use them in Angular you just have to drop the leading ic_, so e.g. ic_content_copy becomes content_copy:

<mat-icon>content_copy</mat-icon>

All 7 comments

I am looking for these to. Why are they missing?

Clipboard related icons are available. However, they're not included on the main Material icons reference page. This _seems_ like a documentation bug to me.

They've been around since the third commit, way back in 2014: 95c4d7a:/index.html:302. So it's not like they're a recent addition.

You can see them all listed in /sprites/svg-sprite/svg-sprite-content.html (which you can view properly rendered using raw.githack here).

To use them in Angular you just have to drop the leading ic_, so e.g. ic_content_copy becomes content_copy:

<mat-icon>content_copy</mat-icon>

OK please add them officially so that all can find and use them.

@george-hawkins looks like the response from the following service call on the https://material.io/resources/icons/?style=baseline page does not return the content-copy icon in the collection of icons. Actually looks like it is missing quite a few icons.

curl 'https://fonts.google.com/metadata/icons' \
  -H 'authority: fonts.google.com' \
  -H 'pragma: no-cache' \
  -H 'cache-control: no-cache' \
  -H 'accept: application/json, text/plain, */*' \
  -H 'user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.24 Safari/537.36 Edg/83.0.478.18' \
  -H 'dnt: 1' \
  -H 'origin: https://material.io' \
  -H 'sec-fetch-site: cross-site' \
  -H 'sec-fetch-mode: cors' \
  -H 'sec-fetch-dest: empty' \
  -H 'referer: https://material.io/resources/icons/?style=baseline' \
  -H 'accept-language: en-US,en;q=0.9' \
  --compressed

the response has 24,000 lines so I won't include it.

They are still in the package though. This is from our design system.

image

Thanks for sharing. I was looking for content_copy. Please update the icons page. I use them constantly and it sucks to be missing out on wonderful unused icons.

For anyone looking for an updated list of both icon names & code points, I've compiled this repository with all 1524 existing icons & shared a Python script to let you generate yourself and keep it always up to date: https://github.com/paulofreitas/material-icons

You can view the rendered icons here: https://paulofreitas.github.io/material-icons/ 馃槈

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Unknow-max picture Unknow-max  路  3Comments

dy picture dy  路  3Comments

akxer picture akxer  路  3Comments

lorenzos picture lorenzos  路  3Comments

juristr picture juristr  路  4Comments