# Icons, photos, and design elements

**URL:** https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018
**Category:** General Discussion
**Tags:** design
**Created:** [September 5, 2018, 6:20pm UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018 "2018-09-05T18:20:24Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![PaulH](https://forum.codeselfstudy.com/letter_avatar_proxy/v4/letter/p/e495f1/32.png) [@PaulH](https://forum.codeselfstudy.com/u/PaulH)
#### Post date: [September 5, 2018, 6:20pm UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/1 "2018-09-05T18:20:24Z")

</div>

For Free Icons:  
[https://material.io/tools/icons/](https://material.io/tools/icons/)

For public domain photos:  
[https://pixabay.com/](https://pixabay.com/)

> **[Beautiful Free Images & Pictures | Unsplash](https://unsplash.com/)**
>
> Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

[https://www.pexels.com/](https://www.pexels.com/)

Landing Page Templates

> **[Free Bootstrap Themes, Templates, Snippets, and Guides](https://startbootstrap.com/template-categories/landing-pages/)**
>
> Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [September 5, 2018, 7:42pm UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/2 "2018-09-05T19:42:30Z")

</div>

Here are more sites:

I use these icons:  
[https://fontawesome.com/](https://fontawesome.com/)

Free clip art:  
[https://openclipart.org/](https://openclipart.org/)

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [May 28, 2019, 11:28pm UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/3 "2019-05-28T23:28:52Z")

</div>

I saw in a tutorial that you can use images from unsplash as placeholders in mockups.

Example:

```auto
<img src="https://source.unsplash.com/random/500x280" width="500" height="280">

```

The image is random and may change.

There is also placekitten.

```auto
<img src="http://placekitten.com/600/600" width="600" height="600">

```

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [February 26, 2020, 3:49pm UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/4 "2020-02-26T15:49:04Z")

</div>

2.8 million more free images.

[https://www.smithsonianmag.com/smithsonian-institution/smithsonian-releases-28-million-images-public-domain-180974263/](https://www.smithsonianmag.com/smithsonian-institution/smithsonian-releases-28-million-images-public-domain-180974263/)

---

<div class="post-metadata">

### Author: ![natedonato](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/natedonato/32/880_2.png) [@natedonato](https://forum.codeselfstudy.com/u/natedonato)
#### Post date: [March 3, 2020, 1:05am UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/5 "2020-03-03T01:05:10Z")

</div>

@Josh I like the unspash source api and the idea of using it as a placeholder.

It lets you grab random images with no setup / request headers, and you can specify dimensions and even search terms eg [https://source.unsplash.com/1600x900/?buildings,oranges](https://source.unsplash.com/1600x900/?buildings,oranges)

I used it a while ago in my [image glitch](https://www.natedonato.com/glitch/) project. To be honest this wasn’t a great use case for it since it can be a bit slow if you are trying to rapidly grab new images but it was good for doing a practice project without having to register for an api account or deal with secret keys, etc.

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [July 21, 2020, 2:54am UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/6 "2020-07-21T02:54:05Z")

</div>

I saw this today.

> **[Tabler icons](https://tablericons.com/)**

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [September 20, 2020, 11:12pm UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/7 "2020-09-20T23:12:15Z")

</div>

Here’s another resource:

> **[Best design 🎨 resources websites every developer 💻 should bookmark🔖](https://dev.to/themeselection/best-design-resources-websites-every-developer-should-bookmark-1p5d)**
>
> Are you looking for the best design resources for websites? Well, then this collection is something...

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [November 28, 2020, 12:20am UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/8 "2020-11-28T00:20:50Z")

</div>

Icons:  
[https://thenounproject.com/](https://thenounproject.com/)

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [February 12, 2021, 7:43pm UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/9 "2021-02-12T19:43:49Z")

</div>

I’m not sure if they have been mentioned in the resources above, but here are more:

> **[Free Icons, Clipart Illustrations, Photos, and Music](https://icons8.com/)**
>
> Download design elements for free: icons, photos, vector illustrations, and music for your videos. All the assets made by designers → consistent quality ⚡️

[https://www.vecteezy.com/](https://www.vecteezy.com/)

---

<div class="post-metadata">

### Author: ![Josh](https://forum.codeselfstudy.com/user_avatar/forum.codeselfstudy.com/josh/32/4_2.png) [@Josh](https://forum.codeselfstudy.com/u/Josh)
#### Post date: [December 15, 2021, 5:20am UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018/10 "2021-12-15T05:20:16Z")

</div>

Rough.js looks pretty interesting.

> **[Rough.js](https://roughjs.com/)**
>
> Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.
