Иконка Pea Pod

noto:pea-pod

Иконка Pea Pod (noto:pea-pod) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Еда и напитки
Теги: peapod

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#9CCC65" d="M111.62 35.54c0-5.38-7.28-5.2-15.59-1.75c0 0 1.14 31.94-31.05 58.73S8.47 111.58 8.47 111.58c-2.04 3.42 1.3 6.63 2.58 7.39c15.26 9.11 48.81 7.05 72.83-16.16c23.6-22.8 27.76-41.36 27.74-67.27"/><path fill="#689F38" d="M8.47 111.58s47.81 8.47 75.37-39.89c16.23-28.47 12.79-52.12 12.79-52.12s-24.39 5.79-52.3 36.86C15.14 88.92 8.47 111.58 8.47 111.58"/><path fill="#33691E" d="M14.54 111.22s42.45-1.21 67.69-38.7c17.35-25.77 10.1-44.65 10.1-44.65s-7.63 1.77-13.58 5.3C72.1 37.12 60.7 45.54 46.48 61.46c-25 27.97-31.94 49.76-31.94 49.76"/><circle cx="43.16" cy="102.81" r="16.86" fill="#9CCC65"/><path fill="#33691E" d="M54.48 100.45c-3.91-2.06-6.32-4.84-7.28-9.85c-.5-2.63.24-4.82 1.56-4.63c.78.11 8.67 7.49 12.06 8.82z"/><circle cx="64.88" cy="77.77" r="18.66" fill="#9CCC65"/><path fill="#33691E" d="M79.34 76.32c-5.13-1.75-9.29-5.22-10.89-10.79c-.93-3.27-.78-6.09.83-6.13c.96-.02 12.02 7.55 16.37 8.48z"/><circle cx="85.66" cy="54.03" r="16.86" fill="#9CCC65"/><path fill="#DCE775" d="M8.47 111.58c.85-1.23 3.06-1.44 6.07-1.47c11.02-.12 30.49-2.85 53.03-23.5C84.03 71.52 90.83 54.3 92.01 42.76c1.25-12.17-1.12-17.58.42-19.12c1.53-1.53 3.91 1.67 4.74 7.67c.84 6 4.09 32.19-26.03 59.19c-19.61 17.57-37.72 24.47-49.5 24.5c-11.27.03-14.31-1.77-13.17-3.42"/><path fill="#FFF" d="M36.5 89.73c1.7-.66 3.87-.39 5.53 2.78c1.3 2.49.89 5.39-1.32 6.44c-.74.35-4.2 1.02-6.28-2.96c-1.17-2.24-.42-5.29 2.07-6.26M76.68 43.9c1.18-1.35 3.63-1.91 6.17.36c2.25 2.01 2.58 5.38.7 6.94c-1.34 1.11-4.36 1.45-6.67-1.17c-1.38-1.54-1.96-4.11-.2-6.13M56.23 65.23c1.68-1.04 3.96-1.23 6.17 1.49c2.06 2.53 2.43 6.27-.05 7.76c-1.51.92-5.16 1.05-7.13-2.74c-1-1.92-1.02-5.26 1.01-6.51"/><path fill="#689F38" d="M119.72 41.64c-.94-.76-2.86 1.46-4.48.73c-3.34-1.5-3.51-9.49-2.9-14.3c.96-7.56 4.1-15.19 4.34-16.39c.72-3.53.21-5.65-1.63-6.89c-2.83-1.9-5.12-.23-7.23 1.62c-3.36 2.95-6.82 5.77-10.46 8.36c-2.38 1.69-15.31 9.15-15.86 2.12c-.14-1.76 2.3-3.92-.29-4.23c-3.16-.37-7.57 5.33-5.81 10.17c1.49 4.07 4.48 6.24 8.59 6.24c3.37 0 7.95-1.26 7.95-1.26s-1.18 5.71.54 11.01c1.18 3.64 3.92 6.78 7.43 8.3c1.55.67 3.98 1.34 5.12.08c.62-.69.21-1.37-1.21-2.59c-1.48-1.28-2.01-3.32-2.18-5.53c-.33-4.43 2.49-6.58 3.41-5.94s.19 2.9.86 6.2c.69 3.35 3.15 9.23 8.67 8.41c4.09-.61 6.7-4.85 5.14-6.11"/><path fill="#9CCC65" d="M102.5 16.46c3.15-2.26 10.15-9.25 9.69-11.23c-.46-1.99-3.19.13-4.37 1.17c-3.36 2.95-6.82 5.77-10.46 8.36c-2.38 1.69-15.31 9.15-15.86 2.12c-.14-1.76 2.31-4.16-.29-4.23c-2.42-.07-4.72 4.62-2.94 7.76c2.3 4.07 8.59 7.31 24.23-3.95"/></svg>

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

React

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

<Icon icon="noto:pea-pod" width="24" />

Vue

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

<template>
  <Icon icon="noto:pea-pod" width="24" />
</template>

Svelte

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

<Icon icon="noto:pea-pod" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--pea-pod]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:pea-pod"></div>

Веб-компонент

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

<iconify-icon icon="noto:pea-pod"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/noto/pea-pod.svg" alt="Иконка Pea Pod" width="24" height="24">

Иконка Pea Pod в других наборах

Вопросы и ответы: Иконка Pea Pod

Можно ли бесплатно использовать иконку Pea Pod в коммерческих проектах?

Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Pea Pod в React?

Установите @iconify/react и выведите <Icon icon="noto:pea-pod" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Pea Pod на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/pea-pod.svg" alt="Иконка Pea Pod">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji →