2013-11-18 23:54:59 +01:00
---
title: Niépce's Camera Obscura And The History Of The First Photograph
Gatsby → Astro (#829)
* basic astro setup, kick out all gatsby configs
* move content folder
* src/pages setup
* more file reorg
* more config updates
* more reorgs
* refactor
* refactor
* bump astro
* refactor
* svg icon build system, theme switch
* remark plugin for lead paragraph, more refactor
* make images work
* post meta
* custom Picture component
* Pagination, More component, 404 fixes
* linking fixes
* add table of contents
* post actions fixes
* tag fixes
* content changes
* content changes: move media files to their posts
* more content moving, remove media folder
* refactor remark-lead-paragraph
* link css file when defined in post frontmatter
* move content up again
* kbd post update
* allow js
* downloads solution
* add astro check
* redirect_from solution
* githubLink solution
* reorg
* exif solution as prebuild step
* exif solution on each post during build
* isolate lead paragraph extraction to articles
* restore Exif components
* deploy script update
* fix redirects
* xml & json feeds
* build fix
* fix exif readout in production
* head and seo tweaks, add feeds
* tweak image display
* archive pages with single layout
* restore tags archive
* sitemap setup
* restore thanks page functionality
* reorg
* cleanup
* parallel scripts during prebuild
* restore jest setup
* remove jest, switch to vitest as test runner
* adapt CI
* test refactor
* typescript tweaks
* avatar fixes
* typings
* restore search functionality
* theme switch with nanostores
* fixes
* test fixes
* restore changelog functionality
* umami script
* border color tweak
* related posts with fuse.js
* plawright e2e testing setup
* search tweaks
* simplify typekit loading
* photo fix
* e2e tests
* related posts fix
* fix tags archive
* tweaks
* tweaks
* linux snapshots
* fix header test
* new symlink tactic
* fix dev server in codespaces
* fix yaml
* ci fixes
* changelog loading tweaks
* e2e against dev server on ci
* changelog tweaks
* ci tweaks
* ci tweaks
* ci tweaks
* docs updates
* ci tweaks
* refactor photo creation script
* package updates
* refactor search
* ci tweak
* ci tweaks
* test tweaks, more unit tests
* more unit tests
* post creation script tweaks
* refactor new scripts, test them for real life
* more tests
* refactor
* codeclimate-action update
* uses update
* limit ci runs
* fix theme toggle, test it
* more tests
* favicon files cleanup
* icon components location change
* type checking through ci
* command fixes
* ci fix
* search tweaks
* ci tweaks
* revised favicons, write post draft about it
* drafts filtering fix
* lint fix, favicon fixes
* copy changes
* fix related search images
* content updates
* new codeblock styles, copy tweaks, fixes
* package updates
* typing fixes
* lint fix
* content updates
* restore link posts
* faster theme switching
* split up astro utils
* related posts fixes
* fix
* refactor
* fixes
* copy tweaks
* fixes
* picture tweaks
* image fixes
* feed fixes, adapt for json feed v1.1
* e2e test updates
* layout tweaks
* update snaphots
* migrate to createMarkdownProcessor
* ci cache tweaks
* activate more browsers for e2e testing
* switch to macos-13 images
* build caching tweaks
* markdown fix
* set image quality
* remove avif generation
* picture tweaks
* head fixes
* add og:image:alt
* create-icons test
* new post: Favicon Generation with Astro
2023-09-18 03:16:53 +02:00
image: ./Teaser-Camera-Obscura-Icons.jpg
download: /get/niepces_camera_obscura_by_kremalicious.zip
2013-11-28 22:03:13 +01:00
date: 2008-06-03 14:34:03+00:00
2014-08-31 18:55:02 +02:00
2015-06-09 23:07:32 +02:00
tags:
2019-05-12 16:37:44 +02:00
- goodies
- icon
2014-08-31 18:55:02 +02:00
redirect_from:
2019-05-12 16:37:44 +02:00
- /new-goodie-niepces-camera-obscura-and-the-history-of-the-first-photograph/
- /4-more-icons-niepces-camera-obscura-v11/
- /2008/06/niepces-camera-obscura-and-the-history-of-the-first-photograph/
2019-11-08 20:47:23 +01:00
toc: true
2013-11-18 23:54:59 +01:00
---
2018-07-20 15:23:57 +02:00
These two desktop icons show the Camera Obscura as it was used by Nicéphore Niépce in an Aperture and iPhoto style and are intended as an homage to him. Nicéphore Niépce made it first possible to preserve an image taken with a camera obscura in 1826 or 1827 by using a special mixture of bitumen on a pewter plate, naming it Heliography.
This first preserved photograph _View from the Window at Le Gras_ is the one you can see in the iPhoto icon contained in this package. The third icon is the folder icon I have created for this icon package.
2013-11-18 23:54:59 +01:00
Either just download the icons or read the exciting story about the First Photograph.
Gatsby → Astro (#829)
* basic astro setup, kick out all gatsby configs
* move content folder
* src/pages setup
* more file reorg
* more config updates
* more reorgs
* refactor
* refactor
* bump astro
* refactor
* svg icon build system, theme switch
* remark plugin for lead paragraph, more refactor
* make images work
* post meta
* custom Picture component
* Pagination, More component, 404 fixes
* linking fixes
* add table of contents
* post actions fixes
* tag fixes
* content changes
* content changes: move media files to their posts
* more content moving, remove media folder
* refactor remark-lead-paragraph
* link css file when defined in post frontmatter
* move content up again
* kbd post update
* allow js
* downloads solution
* add astro check
* redirect_from solution
* githubLink solution
* reorg
* exif solution as prebuild step
* exif solution on each post during build
* isolate lead paragraph extraction to articles
* restore Exif components
* deploy script update
* fix redirects
* xml & json feeds
* build fix
* fix exif readout in production
* head and seo tweaks, add feeds
* tweak image display
* archive pages with single layout
* restore tags archive
* sitemap setup
* restore thanks page functionality
* reorg
* cleanup
* parallel scripts during prebuild
* restore jest setup
* remove jest, switch to vitest as test runner
* adapt CI
* test refactor
* typescript tweaks
* avatar fixes
* typings
* restore search functionality
* theme switch with nanostores
* fixes
* test fixes
* restore changelog functionality
* umami script
* border color tweak
* related posts with fuse.js
* plawright e2e testing setup
* search tweaks
* simplify typekit loading
* photo fix
* e2e tests
* related posts fix
* fix tags archive
* tweaks
* tweaks
* linux snapshots
* fix header test
* new symlink tactic
* fix dev server in codespaces
* fix yaml
* ci fixes
* changelog loading tweaks
* e2e against dev server on ci
* changelog tweaks
* ci tweaks
* ci tweaks
* ci tweaks
* docs updates
* ci tweaks
* refactor photo creation script
* package updates
* refactor search
* ci tweak
* ci tweaks
* test tweaks, more unit tests
* more unit tests
* post creation script tweaks
* refactor new scripts, test them for real life
* more tests
* refactor
* codeclimate-action update
* uses update
* limit ci runs
* fix theme toggle, test it
* more tests
* favicon files cleanup
* icon components location change
* type checking through ci
* command fixes
* ci fix
* search tweaks
* ci tweaks
* revised favicons, write post draft about it
* drafts filtering fix
* lint fix, favicon fixes
* copy changes
* fix related search images
* content updates
* new codeblock styles, copy tweaks, fixes
* package updates
* typing fixes
* lint fix
* content updates
* restore link posts
* faster theme switching
* split up astro utils
* related posts fixes
* fix
* refactor
* fixes
* copy tweaks
* fixes
* picture tweaks
* image fixes
* feed fixes, adapt for json feed v1.1
* e2e test updates
* layout tweaks
* update snaphots
* migrate to createMarkdownProcessor
* ci cache tweaks
* activate more browsers for e2e testing
* switch to macos-13 images
* build caching tweaks
* markdown fix
* set image quality
* remove avif generation
* picture tweaks
* head fixes
* add og:image:alt
* create-icons test
* new post: Favicon Generation with Astro
2023-09-18 03:16:53 +02:00
![Icon Overview ](./cameraobscura11_all.png )
2017-07-23 20:40:33 +02:00
2018-09-29 02:54:31 +02:00
## The story behind these icons
2013-11-18 23:54:59 +01:00
2016-10-05 17:13:28 +02:00
There's a fascinating story behind these icons which is nothing more than the story of the invention of photography. Grab yourself a cup of coffee or tea and sit back while reading this story. Of course, if you're bored already just grab the download package further down this page.
2013-11-18 23:54:59 +01:00
2018-09-29 02:54:31 +02:00
### Nicéphore Niépce and The First Photograph
2013-11-18 23:54:59 +01:00
Gatsby → Astro (#829)
* basic astro setup, kick out all gatsby configs
* move content folder
* src/pages setup
* more file reorg
* more config updates
* more reorgs
* refactor
* refactor
* bump astro
* refactor
* svg icon build system, theme switch
* remark plugin for lead paragraph, more refactor
* make images work
* post meta
* custom Picture component
* Pagination, More component, 404 fixes
* linking fixes
* add table of contents
* post actions fixes
* tag fixes
* content changes
* content changes: move media files to their posts
* more content moving, remove media folder
* refactor remark-lead-paragraph
* link css file when defined in post frontmatter
* move content up again
* kbd post update
* allow js
* downloads solution
* add astro check
* redirect_from solution
* githubLink solution
* reorg
* exif solution as prebuild step
* exif solution on each post during build
* isolate lead paragraph extraction to articles
* restore Exif components
* deploy script update
* fix redirects
* xml & json feeds
* build fix
* fix exif readout in production
* head and seo tweaks, add feeds
* tweak image display
* archive pages with single layout
* restore tags archive
* sitemap setup
* restore thanks page functionality
* reorg
* cleanup
* parallel scripts during prebuild
* restore jest setup
* remove jest, switch to vitest as test runner
* adapt CI
* test refactor
* typescript tweaks
* avatar fixes
* typings
* restore search functionality
* theme switch with nanostores
* fixes
* test fixes
* restore changelog functionality
* umami script
* border color tweak
* related posts with fuse.js
* plawright e2e testing setup
* search tweaks
* simplify typekit loading
* photo fix
* e2e tests
* related posts fix
* fix tags archive
* tweaks
* tweaks
* linux snapshots
* fix header test
* new symlink tactic
* fix dev server in codespaces
* fix yaml
* ci fixes
* changelog loading tweaks
* e2e against dev server on ci
* changelog tweaks
* ci tweaks
* ci tweaks
* ci tweaks
* docs updates
* ci tweaks
* refactor photo creation script
* package updates
* refactor search
* ci tweak
* ci tweaks
* test tweaks, more unit tests
* more unit tests
* post creation script tweaks
* refactor new scripts, test them for real life
* more tests
* refactor
* codeclimate-action update
* uses update
* limit ci runs
* fix theme toggle, test it
* more tests
* favicon files cleanup
* icon components location change
* type checking through ci
* command fixes
* ci fix
* search tweaks
* ci tweaks
* revised favicons, write post draft about it
* drafts filtering fix
* lint fix, favicon fixes
* copy changes
* fix related search images
* content updates
* new codeblock styles, copy tweaks, fixes
* package updates
* typing fixes
* lint fix
* content updates
* restore link posts
* faster theme switching
* split up astro utils
* related posts fixes
* fix
* refactor
* fixes
* copy tweaks
* fixes
* picture tweaks
* image fixes
* feed fixes, adapt for json feed v1.1
* e2e test updates
* layout tweaks
* update snaphots
* migrate to createMarkdownProcessor
* ci cache tweaks
* activate more browsers for e2e testing
* switch to macos-13 images
* build caching tweaks
* markdown fix
* set image quality
* remove avif generation
* picture tweaks
* head fixes
* add og:image:alt
* create-icons test
* new post: Favicon Generation with Astro
2023-09-18 03:16:53 +02:00
![Nicéphore Niépce, ca. 1795 ](./nicephore-niepce.jpg 'Nicéphore Niépce, ca. 1795' )
2013-11-18 23:54:59 +01:00
2013-11-28 22:03:13 +01:00
Niépce was a multitasking French inventor who became famous for his experiments trying to preserve the projected image inside of the Camera Obscura. The Camera Obscura uses a well known optical phenomenon which is known to mankind for quite a long time.
2013-11-18 23:54:59 +01:00
But it was just used either for entertainment or as an aid for drawing and painting. Painters were able to just redraw the projected image of the Camera Obscura.
In 1816 Nicéphore Niépce was able to produce a negative image by putting sheets of silver salts coated paper into the back of the Camera Obscura. When these sheets get in contact with daylight they blacken. Niépce called this procedure and the final negative "Retinas". But these negatives didn't stop fading and he wasn't able to fix them and they just disappeared. The Maison Nicéphore Niépce team have a [nice little video showing the whole procedure on their website ](http://www.nicephore-niepce.com/videos/video03.html ).
In 1822 he created a first non-fading negative contact print by utilizing a bitumen of Judea-coated glass plate. But this glass negative was later destroyed during an attempt to produce a positive image.
After some more tries and combining other elements in his procedure he was able to produce the famous First Photograph "View from the Window at Le Gras" in 1826 or 1827 by utilizing a bitumen of Judea-coated pewter plate and improved lenses from the Paris optician, Charles Chevalier. He called this procedure Heliography and the bitumen-coated pewter plate needed an exposure of eight or more hours!
Gatsby → Astro (#829)
* basic astro setup, kick out all gatsby configs
* move content folder
* src/pages setup
* more file reorg
* more config updates
* more reorgs
* refactor
* refactor
* bump astro
* refactor
* svg icon build system, theme switch
* remark plugin for lead paragraph, more refactor
* make images work
* post meta
* custom Picture component
* Pagination, More component, 404 fixes
* linking fixes
* add table of contents
* post actions fixes
* tag fixes
* content changes
* content changes: move media files to their posts
* more content moving, remove media folder
* refactor remark-lead-paragraph
* link css file when defined in post frontmatter
* move content up again
* kbd post update
* allow js
* downloads solution
* add astro check
* redirect_from solution
* githubLink solution
* reorg
* exif solution as prebuild step
* exif solution on each post during build
* isolate lead paragraph extraction to articles
* restore Exif components
* deploy script update
* fix redirects
* xml & json feeds
* build fix
* fix exif readout in production
* head and seo tweaks, add feeds
* tweak image display
* archive pages with single layout
* restore tags archive
* sitemap setup
* restore thanks page functionality
* reorg
* cleanup
* parallel scripts during prebuild
* restore jest setup
* remove jest, switch to vitest as test runner
* adapt CI
* test refactor
* typescript tweaks
* avatar fixes
* typings
* restore search functionality
* theme switch with nanostores
* fixes
* test fixes
* restore changelog functionality
* umami script
* border color tweak
* related posts with fuse.js
* plawright e2e testing setup
* search tweaks
* simplify typekit loading
* photo fix
* e2e tests
* related posts fix
* fix tags archive
* tweaks
* tweaks
* linux snapshots
* fix header test
* new symlink tactic
* fix dev server in codespaces
* fix yaml
* ci fixes
* changelog loading tweaks
* e2e against dev server on ci
* changelog tweaks
* ci tweaks
* ci tweaks
* ci tweaks
* docs updates
* ci tweaks
* refactor photo creation script
* package updates
* refactor search
* ci tweak
* ci tweaks
* test tweaks, more unit tests
* more unit tests
* post creation script tweaks
* refactor new scripts, test them for real life
* more tests
* refactor
* codeclimate-action update
* uses update
* limit ci runs
* fix theme toggle, test it
* more tests
* favicon files cleanup
* icon components location change
* type checking through ci
* command fixes
* ci fix
* search tweaks
* ci tweaks
* revised favicons, write post draft about it
* drafts filtering fix
* lint fix, favicon fixes
* copy changes
* fix related search images
* content updates
* new codeblock styles, copy tweaks, fixes
* package updates
* typing fixes
* lint fix
* content updates
* restore link posts
* faster theme switching
* split up astro utils
* related posts fixes
* fix
* refactor
* fixes
* copy tweaks
* fixes
* picture tweaks
* image fixes
* feed fixes, adapt for json feed v1.1
* e2e test updates
* layout tweaks
* update snaphots
* migrate to createMarkdownProcessor
* ci cache tweaks
* activate more browsers for e2e testing
* switch to macos-13 images
* build caching tweaks
* markdown fix
* set image quality
* remove avif generation
* picture tweaks
* head fixes
* add og:image:alt
* create-icons test
* new post: Favicon Generation with Astro
2023-09-18 03:16:53 +02:00
![View from the Window at Le Gras ](./view_from_the_window_at_le_gras_nicephore_niepce.jpg 'View from the Window at Le Gras' )
2013-11-18 23:54:59 +01:00
2018-07-20 15:23:57 +02:00
By the way, in 2002 another picture made by Niépce was discovered which dates back to 1825. It was made in a process he called Heliogravure and it was an image of an (engraving) image (showing a man leading a horse). But since the scientific definition of the First Photograph is "the world's first permanent photograph from nature", _View from the Window at Le Gras_ remains the first "real" photograph.
2013-11-18 23:54:59 +01:00
2018-07-20 15:23:57 +02:00
Because of his inventions he got in contact with the French artist, chemist and inventor Louis-Jacques-Mandé Daguerre and they became officially partners by the time of 1829 (14 December). At that time, Daguerre already was famous for his impressive Dioramas. They were both experimenting a lot to produce preserved images in less time. In June 1832 both invented a process called the Physautotype. This process utilized a distillate of lavender oil as the photosensitive agent and produced images in fewer than 8 hours.
2013-11-18 23:54:59 +01:00
But Niépce died suddenly in 1833 and instead of him his partner Louis-Jacques-Mandé Daguerre became famous with his Daguerreotype process in 1839. Finally Daguerre was named and praised as the inventor of photography along with his competitor [William Fox Talbot ](http://en.wikipedia.org/wiki/William_Henry_Fox_Talbot ).
2018-07-20 15:23:57 +02:00
But in 1952 Niépce's lost image _View from the Window at Le Gras_ was discovered and since then he has to be named along with Daguerre and Talbot when speaking of the invention of photography. And we can learn that the invention of photography wasn't an act of one particular genius but a decades long process with many smart people involved.
2013-11-18 23:54:59 +01:00
If you're interested in all the different processes and techniques used by Niépce and Daguerre you can browse the [Invention of Photography section on the website of Maison Nicéphore Niépce ](http://www.nicephore-niepce.com/pagus/pagus-inv.html ).
Finally let me say that this is just a brief description of Niépce's discoveries and photographic inventions in general. If you're interested I've provided some more resources for you to dive into this topic after the next paragraph.
2016-10-05 17:13:28 +02:00
Now switch back from historical learning to Icon Design.
2013-11-18 23:54:59 +01:00
2018-09-29 02:54:31 +02:00
### References in the icons
2013-11-18 23:54:59 +01:00
The Camera Obscura seen in my icon set is a drawing of the replica of Niépce's Camera Obscura which you can find in Chalon-sur-Saône, France in Niépce's house. The Maison Nicéphore Niépce is a museum today, where they try to reproduce Niépce's procedures. And this isn't as easy as it seems with our shiny new 21st century technology.
The photography you can find in the iPhoto icon is the First Photograph "View from the Window at Le Gras", produced as a Heliography and dated to 1826 or 1827.
2016-10-05 17:13:28 +02:00
And finally, if you know the Aperture and iPhoto icons then you may have noticed the references to these applications too (just compare the lenses).
2013-11-18 23:54:59 +01:00
2018-09-29 02:54:31 +02:00
### Sources and more informations on Nicéphore Niépce
2013-11-18 23:54:59 +01:00
[Maison Nicéphore Niépce ](http://www.niepce.com/ )
The home of Nicéphore Niépce in Saint-Loup-de-Varennes, France which is a museum today. It houses the replica of Niépce's Camera Obscura which was the inspiration for these icons and it was the view out of this house which became the First Photograph/Heliography.
[The First Photograph ](http://www.hrc.utexas.edu/exhibitions/permanent/wfp/ )
In-Depth historical article about the First Photograph and Niépce's life in general by the University of Texas at Austin
[Musée Nicéphore Niépce ](http://www.museeniepce.com/ )
When in France you have to visit this museum in Chalon sur Saône where they have a Niépce and a Daguerre room.
[Nicéphore Niépce on Wikipedia ](http://en.wikipedia.org/wiki/Nicéphore_Niépce )
2016-10-05 17:13:28 +02:00
If you're more into un-referenced facts (Citation needed)
2013-11-18 23:54:59 +01:00
[The Daguerreian Society: Daguerreian texts ](http://daguerre.org/resource/texts.html )
Massive 19th and 20th century text archive of The Daguerreian Society about the daguerreotype
[Daguerre and the Invention of Photography ](http://www.metmuseum.org/toah/hd/dagu/hd_dagu.htm )
Brief description of Daguerres role in the invention of photography process by The Metropolitan Museum of Art
2018-09-29 02:54:31 +02:00
## Download and enjoy
2013-11-18 23:54:59 +01:00
2016-04-24 23:37:58 +02:00
This icon package was exclusively announced first on [MacThemes ](http://macthemes2.net ) and you can download it from the [Goodies section on this website ](/goodies/ ) or directly via this link:
2013-11-18 23:54:59 +01:00
2015-06-22 21:28:31 +02:00
< p class = "content-download" >
Gatsby → Astro (#829)
* basic astro setup, kick out all gatsby configs
* move content folder
* src/pages setup
* more file reorg
* more config updates
* more reorgs
* refactor
* refactor
* bump astro
* refactor
* svg icon build system, theme switch
* remark plugin for lead paragraph, more refactor
* make images work
* post meta
* custom Picture component
* Pagination, More component, 404 fixes
* linking fixes
* add table of contents
* post actions fixes
* tag fixes
* content changes
* content changes: move media files to their posts
* more content moving, remove media folder
* refactor remark-lead-paragraph
* link css file when defined in post frontmatter
* move content up again
* kbd post update
* allow js
* downloads solution
* add astro check
* redirect_from solution
* githubLink solution
* reorg
* exif solution as prebuild step
* exif solution on each post during build
* isolate lead paragraph extraction to articles
* restore Exif components
* deploy script update
* fix redirects
* xml & json feeds
* build fix
* fix exif readout in production
* head and seo tweaks, add feeds
* tweak image display
* archive pages with single layout
* restore tags archive
* sitemap setup
* restore thanks page functionality
* reorg
* cleanup
* parallel scripts during prebuild
* restore jest setup
* remove jest, switch to vitest as test runner
* adapt CI
* test refactor
* typescript tweaks
* avatar fixes
* typings
* restore search functionality
* theme switch with nanostores
* fixes
* test fixes
* restore changelog functionality
* umami script
* border color tweak
* related posts with fuse.js
* plawright e2e testing setup
* search tweaks
* simplify typekit loading
* photo fix
* e2e tests
* related posts fix
* fix tags archive
* tweaks
* tweaks
* linux snapshots
* fix header test
* new symlink tactic
* fix dev server in codespaces
* fix yaml
* ci fixes
* changelog loading tweaks
* e2e against dev server on ci
* changelog tweaks
* ci tweaks
* ci tweaks
* ci tweaks
* docs updates
* ci tweaks
* refactor photo creation script
* package updates
* refactor search
* ci tweak
* ci tweaks
* test tweaks, more unit tests
* more unit tests
* post creation script tweaks
* refactor new scripts, test them for real life
* more tests
* refactor
* codeclimate-action update
* uses update
* limit ci runs
* fix theme toggle, test it
* more tests
* favicon files cleanup
* icon components location change
* type checking through ci
* command fixes
* ci fix
* search tweaks
* ci tweaks
* revised favicons, write post draft about it
* drafts filtering fix
* lint fix, favicon fixes
* copy changes
* fix related search images
* content updates
* new codeblock styles, copy tweaks, fixes
* package updates
* typing fixes
* lint fix
* content updates
* restore link posts
* faster theme switching
* split up astro utils
* related posts fixes
* fix
* refactor
* fixes
* copy tweaks
* fixes
* picture tweaks
* image fixes
* feed fixes, adapt for json feed v1.1
* e2e test updates
* layout tweaks
* update snaphots
* migrate to createMarkdownProcessor
* ci cache tweaks
* activate more browsers for e2e testing
* switch to macos-13 images
* build caching tweaks
* markdown fix
* set image quality
* remove avif generation
* picture tweaks
* head fixes
* add og:image:alt
* create-icons test
* new post: Favicon Generation with Astro
2023-09-18 03:16:53 +02:00
< a class = "btn btn-primary icon-download" href = "/get/niepces_camera_obscura_by_kremalicious.zip" > Download< / a >
2015-06-22 21:28:31 +02:00
< / p >
2013-11-18 23:54:59 +01:00
In addition to these icons you can download the [associated wallpapers for your desktop or your iPhone ](http://www.kremalicious.com/2008/06/new-goodie-niepces-camera-obscura-wallpaper-pack/ ).
2018-09-29 02:54:31 +02:00
## How to use these icons
2013-11-18 23:54:59 +01:00
Gatsby → Astro (#829)
* basic astro setup, kick out all gatsby configs
* move content folder
* src/pages setup
* more file reorg
* more config updates
* more reorgs
* refactor
* refactor
* bump astro
* refactor
* svg icon build system, theme switch
* remark plugin for lead paragraph, more refactor
* make images work
* post meta
* custom Picture component
* Pagination, More component, 404 fixes
* linking fixes
* add table of contents
* post actions fixes
* tag fixes
* content changes
* content changes: move media files to their posts
* more content moving, remove media folder
* refactor remark-lead-paragraph
* link css file when defined in post frontmatter
* move content up again
* kbd post update
* allow js
* downloads solution
* add astro check
* redirect_from solution
* githubLink solution
* reorg
* exif solution as prebuild step
* exif solution on each post during build
* isolate lead paragraph extraction to articles
* restore Exif components
* deploy script update
* fix redirects
* xml & json feeds
* build fix
* fix exif readout in production
* head and seo tweaks, add feeds
* tweak image display
* archive pages with single layout
* restore tags archive
* sitemap setup
* restore thanks page functionality
* reorg
* cleanup
* parallel scripts during prebuild
* restore jest setup
* remove jest, switch to vitest as test runner
* adapt CI
* test refactor
* typescript tweaks
* avatar fixes
* typings
* restore search functionality
* theme switch with nanostores
* fixes
* test fixes
* restore changelog functionality
* umami script
* border color tweak
* related posts with fuse.js
* plawright e2e testing setup
* search tweaks
* simplify typekit loading
* photo fix
* e2e tests
* related posts fix
* fix tags archive
* tweaks
* tweaks
* linux snapshots
* fix header test
* new symlink tactic
* fix dev server in codespaces
* fix yaml
* ci fixes
* changelog loading tweaks
* e2e against dev server on ci
* changelog tweaks
* ci tweaks
* ci tweaks
* ci tweaks
* docs updates
* ci tweaks
* refactor photo creation script
* package updates
* refactor search
* ci tweak
* ci tweaks
* test tweaks, more unit tests
* more unit tests
* post creation script tweaks
* refactor new scripts, test them for real life
* more tests
* refactor
* codeclimate-action update
* uses update
* limit ci runs
* fix theme toggle, test it
* more tests
* favicon files cleanup
* icon components location change
* type checking through ci
* command fixes
* ci fix
* search tweaks
* ci tweaks
* revised favicons, write post draft about it
* drafts filtering fix
* lint fix, favicon fixes
* copy changes
* fix related search images
* content updates
* new codeblock styles, copy tweaks, fixes
* package updates
* typing fixes
* lint fix
* content updates
* restore link posts
* faster theme switching
* split up astro utils
* related posts fixes
* fix
* refactor
* fixes
* copy tweaks
* fixes
* picture tweaks
* image fixes
* feed fixes, adapt for json feed v1.1
* e2e test updates
* layout tweaks
* update snaphots
* migrate to createMarkdownProcessor
* ci cache tweaks
* activate more browsers for e2e testing
* switch to macos-13 images
* build caching tweaks
* markdown fix
* set image quality
* remove avif generation
* picture tweaks
* head fixes
* add og:image:alt
* create-icons test
* new post: Favicon Generation with Astro
2023-09-18 03:16:53 +02:00
![Niépce's Camera Obscura in use ](./cameraobscura_inuse.png )
These desktop icons are free for your personal and non-commercial use. They were intended to be replacement icons for Apple's Aperture and iPhoto applications. Of course, you can use it for every other application instead or use the folder icon for your picture collection.
2013-11-18 23:54:59 +01:00
The easiest way to change and apply icons in Mac OS X involves the awesome application [Candybar ](http://www.panic.com/candybar ) from [Panic Software ](http://www.panic.com/ ). In case you don't have it you can change your icons by following these steps:
To replace the icon of either an application, file or folder on Mac OS X simply ctrl + click (or right-click) on the desired application, file or folder and click "Get Info". Leave the Get Info dialog open and browse to an icon from this package inside the Mac folder. There you have three folders with the different icons applied to them. Now simply ctrl + click (or right-click) on the desired folder with the icon applied to it and click "Get Info". Now click on the icon in the upper left corner so it has a subtle shine around it noticing you it's selected. Now copy the icon by hitting command + c or choose Edit > Copy from the menubar. Make the dialog active we have opened in the first step by clicking on it and select the image in the upper left corner and hit command + v or choose Edit > Paste from the menubar. Now the desired icon should have been applied to the new folder.
2018-09-29 02:54:31 +02:00
## Legal
2013-11-18 23:54:59 +01:00
2016-04-24 23:37:58 +02:00
These desktop icons are free for you personal and non-commercial use. All other usage of this copyrighted material [require my written permission ](/about/ ).
2013-11-18 23:54:59 +01:00
2018-09-29 02:54:31 +02:00
## Final Words
2013-11-18 23:54:59 +01:00
Gatsby → Astro (#829)
* basic astro setup, kick out all gatsby configs
* move content folder
* src/pages setup
* more file reorg
* more config updates
* more reorgs
* refactor
* refactor
* bump astro
* refactor
* svg icon build system, theme switch
* remark plugin for lead paragraph, more refactor
* make images work
* post meta
* custom Picture component
* Pagination, More component, 404 fixes
* linking fixes
* add table of contents
* post actions fixes
* tag fixes
* content changes
* content changes: move media files to their posts
* more content moving, remove media folder
* refactor remark-lead-paragraph
* link css file when defined in post frontmatter
* move content up again
* kbd post update
* allow js
* downloads solution
* add astro check
* redirect_from solution
* githubLink solution
* reorg
* exif solution as prebuild step
* exif solution on each post during build
* isolate lead paragraph extraction to articles
* restore Exif components
* deploy script update
* fix redirects
* xml & json feeds
* build fix
* fix exif readout in production
* head and seo tweaks, add feeds
* tweak image display
* archive pages with single layout
* restore tags archive
* sitemap setup
* restore thanks page functionality
* reorg
* cleanup
* parallel scripts during prebuild
* restore jest setup
* remove jest, switch to vitest as test runner
* adapt CI
* test refactor
* typescript tweaks
* avatar fixes
* typings
* restore search functionality
* theme switch with nanostores
* fixes
* test fixes
* restore changelog functionality
* umami script
* border color tweak
* related posts with fuse.js
* plawright e2e testing setup
* search tweaks
* simplify typekit loading
* photo fix
* e2e tests
* related posts fix
* fix tags archive
* tweaks
* tweaks
* linux snapshots
* fix header test
* new symlink tactic
* fix dev server in codespaces
* fix yaml
* ci fixes
* changelog loading tweaks
* e2e against dev server on ci
* changelog tweaks
* ci tweaks
* ci tweaks
* ci tweaks
* docs updates
* ci tweaks
* refactor photo creation script
* package updates
* refactor search
* ci tweak
* ci tweaks
* test tweaks, more unit tests
* more unit tests
* post creation script tweaks
* refactor new scripts, test them for real life
* more tests
* refactor
* codeclimate-action update
* uses update
* limit ci runs
* fix theme toggle, test it
* more tests
* favicon files cleanup
* icon components location change
* type checking through ci
* command fixes
* ci fix
* search tweaks
* ci tweaks
* revised favicons, write post draft about it
* drafts filtering fix
* lint fix, favicon fixes
* copy changes
* fix related search images
* content updates
* new codeblock styles, copy tweaks, fixes
* package updates
* typing fixes
* lint fix
* content updates
* restore link posts
* faster theme switching
* split up astro utils
* related posts fixes
* fix
* refactor
* fixes
* copy tweaks
* fixes
* picture tweaks
* image fixes
* feed fixes, adapt for json feed v1.1
* e2e test updates
* layout tweaks
* update snaphots
* migrate to createMarkdownProcessor
* ci cache tweaks
* activate more browsers for e2e testing
* switch to macos-13 images
* build caching tweaks
* markdown fix
* set image quality
* remove avif generation
* picture tweaks
* head fixes
* add og:image:alt
* create-icons test
* new post: Favicon Generation with Astro
2023-09-18 03:16:53 +02:00
< a href = "http://krlc.us/givecoffee" > ![Oh no!](./coffee-cup-empty.png)< / a >
2013-11-18 23:54:59 +01:00
2018-09-29 02:54:31 +02:00
Congratulations! You finally arrived at the end of my article. There's a good chance that your coffee or tea cup is now empty. But before making your next coffee you should share this article on your favorite social website. Your vote is highly appreciated! After you've finished voting and making your next coffee or tea you could subscribe to my [RSS-Feed ](https://kremalicious.com/feed/ ) or < a href = "http://krlc.us/givecoffee" > buy me my next coffee</ a > .