ICONYZ
Français
Icône Framed Picture de Noto Emoji (v1)

Icône Framed Picture

noto-v1:framed-picture

L'icône Framed Picture (noto-v1:framed-picture) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Noto Emoji (v1)
Auteur
Google Inc
Licence
Apache-2.0
Taille
128 × 128
Catégorie
Activités
Mots-clés
framedpicture
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fff" d="M11.6 27.86h105.67v75.62H11.6z"/><path fill="#855c52" d="M4.95 110.45c-3.02-3.2-3.52-8.09-1.15-11.8c2.41-3.78 4.21-7.77 2.89-12.62c-1.61-5.94-3.65-11.77-5.42-17.66c-.59-1.96-.55-4.06.11-6c1.43-4.14 2.09-8.63 3.9-12.61c2.92-6.43 1.78-12-1.46-17.26c-2.27-3.69-1.93-8.46 1-11.66c3.05-3.34 6.11-3.51 12.32-1.7c1.24.36 2.52.61 3.69 1.11c7.83 3.3 15.3 3.47 23.15-.72c2.74-1.46 7.79-1.45 10.34.17c6.75 4.27 12.87 4.27 19.46.37c4.58-2.71 9.07-2.9 13.51.46c3.9 2.96 8.33 3.21 12.88 1.95c3.56-.99 7.08-2.13 10.6-3.25c6.24-1.98 9.38-1.73 12.57 1.93c2.79 3.19 3.03 7.91.72 11.46c-2.34 3.59-4.26 7.34-2.98 12.04c1.67 6.12 3.74 12.13 5.55 18.21c.6 2 .54 4.13-.16 6.1c-1.39 3.93-2.08 8.19-3.83 11.95c-3.05 6.58-1.98 12.33 1.39 17.74c2.29 3.68 1.96 8.47-.98 11.66c-3 3.25-5.99 3.47-11.91 1.81c-1.55-.44-3.15-.78-4.63-1.4c-7.57-3.17-14.76-3.1-22.31.77c-2.84 1.45-7.89 1.71-10.38.11c-7.11-4.56-13.55-4.23-20.42-.22c-4.34 2.53-8.59 2.38-12.67-.67c-4.1-3.06-8.68-3.21-13.39-1.96c-3.42.91-6.79 2.04-10.17 3.11c-6.07 1.95-9.15 1.83-12.22-1.42M63.9 98.86c13.55 0 27.11.03 40.66-.01c5.99-.02 7-1.05 7.01-7.12c.02-17.43.02-34.85 0-52.28c-.01-6.01-1.3-7.34-7.43-7.35c-26.79-.04-53.57-.03-80.36 0c-6.21.01-7.46 1.26-7.47 7.28c-.02 17.43-.02 34.85 0 52.28c.01 6.33.89 7.18 7.4 7.19c13.41.03 26.8.01 40.19.01"/><defs><path id="SVGtAfP9dFu" d="M21.29 37.56h85.31v56.23H21.29z"/></defs><clipPath id="SVGN3UXCeSH"><use href="#SVGtAfP9dFu"/></clipPath><path fill="#78a3ad" d="M5 114.62C5 80.16 28.03 50 41 50c13.24 0 36 30.16 36 64.62C77 149.07 60.88 177 41 177S5 149.07 5 114.62" clip-path="url(#SVGN3UXCeSH)"/><ellipse cx="20.84" cy="103.96" fill="#757f3f" clip-path="url(#SVGN3UXCeSH)" rx="52.8" ry="35.38"/><ellipse cx="111.36" cy="100.09" fill="#bdcf46" clip-path="url(#SVGN3UXCeSH)" rx="65.83" ry="44.11"/><circle cx="78.01" cy="49.68" r="6.3" fill="#fcc21b"/></svg>

Comment utiliser l'icône Framed Picture

React

import { Icon } from "@iconify/react";

<Icon icon="noto-v1:framed-picture" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto-v1:framed-picture" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto-v1:framed-picture" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--framed-picture]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:framed-picture"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto-v1:framed-picture"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/framed-picture.svg" alt="Icône Framed Picture" width="24" height="24">

L'icône Framed Picture dans d'autres collections

FAQ : Icône Framed Picture

L'icône Framed Picture est-elle gratuite pour un usage commercial ?

Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Framed Picture dans React ?

Installez @iconify/react et affichez <Icon icon="noto-v1:framed-picture" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Framed Picture à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto-v1/framed-picture.svg" alt="Icône Framed Picture">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Noto Emoji (v1) →