SVG-иконка Grinning Face

OpenMoji · CC BY-SA 4.0 · openmoji-grinning-face

Используйте иконку Grinning Face как сырой SVG, копируйте ее как React-компонент или отправляйте в инструменты SVGView для очистки, оптимизации и экспорта.

Grinning Face — SVG-иконка OpenMoji для интерфейсов, документации, дашбордов и повторно используемых библиотек компонентов.

This icon is provided by OpenMoji under the CC BY-SA 4.0 license. See the original collection for attribution details.

Предварительный просмотр иконки Grinning Face

viewBox

0 0 72 72

Размер

72×72

Источник

OpenMoji

Лицензия

CC BY-SA 4.0

Детали иконки

grinning facecheerfulcheeryfacegringrinninghappylaughnicesmilesmilingteeth

Псевдонимы

😀1F600grinning face

Source and attribution

OpenMoji graphics are designed by OpenMoji and licensed under CC BY-SA 4.0.

Как использовать эту иконку

Скопируйте имя openmoji-grinning-face для OpenMoji SVG, скачайте SVG для дизайн-инструментов или создайте автономный React-код для production UI.

Действия копирования

SVG

<svg id="emoji" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
  <g id="color">
    <circle cx="36" cy="36" r="23" fill="#FCEA2B"/>
    <path fill="#FFFFFF" d="M50.595,41.64c0.012,1.5397-0.2838,3.0662-0.87,4.49c-12.49,3.03-25.43,0.34-27.49-0.13 c-0.5588-1.3852-0.8407-2.8664-0.83-4.36h0.11c0,0,14.8,3.59,28.89,0.07L50.595,41.64z"/>
    <path fill="#EA5A47" d="M49.7251,46.13c-1.79,4.27-6.35,7.23-13.69,7.23c-7.41,0-12.03-3.03-13.8-7.36 C24.2951,46.47,37.235,49.16,49.7251,46.13z"/>
  </g>
  <g id="hair"/>
  <g id="skin"/>
  <g id="skin-shadow"/>
  <g id="line">
    <circle cx="36" cy="36" r="23" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
    <path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M50.595,41.64 c0.012,1.5397-0.2838,3.0662-0.87,4.49c-12.49,3.03-25.43,0.34-27.49-0.13c-0.5588-1.3852-0.8407-2.8664-0.83-4.36h0.11 c0,0,14.8,3.59,28.89,0.07L50.595,41.64z"/>
    <path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M49.7251,46.13 c-1.79,4.27-6.35,7.23-13.69,7.23c-7.41,0-12.03-3.03-13.8-7.36C24.2951,46.47,37.235,49.16,49.7251,46.13z"/>
    <path d="M30,31c0,1.6568-1.3448,3-3,3c-1.6553,0-3-1.3433-3-3c0-1.6552,1.3447-3,3-3C28.6552,28,30,29.3448,30,31"/>
    <path d="M48,31c0,1.6568-1.3447,3-3,3s-3-1.3433-3-3c0-1.6552,1.3447-3,3-3S48,29.3448,48,31"/>
  </g>
</svg>