O símbolo da máquina fotográfica é proporcionado pelo fontawesome (clique aqui para saber o que é o fontawesome).
Passo 1 - Descarregue, descomprima e instale os ficheiros FontAwesome (clique aqui para descarregar) na raiz do seu site.
Passo 2 - Referencie o ficheiro no início do seu documento html pois se não o fizer os símbolos não irão aparecer. Dentro da secção <head>, coloque a seguinte linha de código: <link rel="stylesheet" type="text/css" href="css/font-awesome.css">.
Passo 3 - Neste exemplo iremos utilizar a máquina fotográfica "camera". No site do Font Awesome, poderá prévisualizar todos os icones da biblioteca e clicar para obter o respectivo comando que irá utilizar no passo seguinte. Ao clicar no icone podemos ver que o comando a utilizar é o fa-camera.
Passo 4 - Neste exemplo coloquei nesta área de texto dentro de uma tag de parágrafo <p>. Coloque o seguinte código no local onde quer que o símbolo apareça:<i class="fa fa-camera fa-1x">.
Passo 5 - Ajuste o tamanho pretendido na parte do código "fa-1x".
Exemplos:
fa-1x - tamanho 1
fa-2x - tamanho 2
fa-3x - tamanho 3
fa-4x - tamanho 4
fa-5x - tamanho 5