ICONYZ
Русский
Иконка Procter And Gamble из набора theSVG Color

Иконка Procter And Gamble

thesvg-color:procter-and-gamble

Иконка Procter And Gamble (thesvg-color:procter-and-gamble) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 720 × 720. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
theSVG Color
Автор
thesvg.org
Лицензия
MIT
Размер
720 × 720
Теги
procterand, andgamble, procterandgamble
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="720" height="720" viewBox="0 0 720 720"><radialGradient id="SVGlHLrMkhF" cx="156.09" cy="143.71" r="661.27" gradientTransform="translate(-6 -6)scale(1.0167)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00a1df"/><stop offset=".13" stop-color="#0092d7"/><stop offset=".37" stop-color="#006cc1"/><stop offset=".62" stop-color="#003da6"/><stop offset=".73" stop-color="#043799"/><stop offset=".93" stop-color="#102777"/><stop offset="1" stop-color="#152169"/></radialGradient><circle cx="360" cy="360" r="360" fill="url(#SVGlHLrMkhF)"/><radialGradient id="SVGA0ZMkePY" cx="107.95" cy="60.5" r="1096.43" gradientTransform="translate(-6 -6)scale(1.0167)" gradientUnits="userSpaceOnUse"><stop offset=".02" stop-color="#fff"/><stop offset=".03" stop-color="#fbfeff"/><stop offset=".09" stop-color="#bae7f9"/><stop offset=".14" stop-color="#87d5f4"/><stop offset=".19" stop-color="#63c9f1"/><stop offset=".23" stop-color="#4cc1ef"/><stop offset=".26" stop-color="#44beee"/><stop offset=".28" stop-color="#37b8eb"/><stop offset=".35" stop-color="#19ace5"/><stop offset=".41" stop-color="#07a4e0"/><stop offset=".45" stop-color="#00a1df"/><stop offset=".79" stop-color="#0045ab"/><stop offset=".82" stop-color="#003da6"/><stop offset=".96" stop-color="#0059b6"/></radialGradient><path fill="url(#SVGA0ZMkePY)" d="M95.6 359.9C95.6 195 199.7 54.4 345.8.3C153.6 7.8 0 165.9 0 360c0 194.3 153.9 352.6 346.4 359.7C200.1 665.7 95.6 525 95.6 359.9"/><defs><filter id="SVGw3CQQbVo" width="346.4" height="719.4" x="0" y=".3" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask id="SVGqFbUZhkT" width="346.4" height="719.4" x="0" y=".3" maskUnits="userSpaceOnUse"><g filter="url(#SVGw3CQQbVo)"><radialGradient id="SVGkZGxgeaC" cx="302.95" cy="349.21" r="381.37" fx="2.18" fy="354.33" gradientTransform="matrix(.03136 -1.0162 1.0341 .03192 -68.63 645.74)" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#fff"/><stop offset=".35" stop-color="#fdfdfd"/><stop offset=".45" stop-color="#f6f6f6"/><stop offset=".51" stop-color="#eaeaea"/><stop offset=".57" stop-color="#d9d9d9"/><stop offset=".62" stop-color="#c3c3c3"/><stop offset=".66" stop-color="#a7a7a7"/><stop offset=".7" stop-color="#868686"/><stop offset=".73" stop-color="#606060"/><stop offset=".77" stop-color="#353535"/><stop offset=".8" stop-color="#060606"/><stop offset=".8"/></radialGradient><path fill="url(#SVGkZGxgeaC)" d="M95.6 359.9C95.6 195 199.7 54.4 345.8.3C153.6 7.8 0 165.9 0 360c0 194.3 153.9 352.6 346.4 359.7C200.1 665.7 95.6 525 95.6 359.9"/></g></mask><radialGradient id="SVGXx9M2Z5M" cx="281.36" cy="290.9" r="445.49" gradientTransform="translate(-6 -6)scale(1.0167)" gradientUnits="userSpaceOnUse"><stop offset=".32" stop-color="#44beee" stop-opacity="0"/><stop offset=".48" stop-color="#2b99d9" stop-opacity=".27"/><stop offset=".67" stop-color="#1476c6" stop-opacity=".58"/><stop offset=".82" stop-color="#0561ba" stop-opacity=".84"/><stop offset=".92" stop-color="#0059b6"/></radialGradient><path fill="url(#SVGXx9M2Z5M)" d="M95.6 359.9C95.6 195 199.7 54.4 345.8.3C153.6 7.8 0 165.9 0 360c0 194.3 153.9 352.6 346.4 359.7C200.1 665.7 95.6 525 95.6 359.9" mask="url(#SVGqFbUZhkT)"/><g fill="#fff"><path d="M353.9 325.7c23.9-58.9-20.8-74.9-49.9-74.9h-96.4c8 5.5 6.7 12.8 5.1 17.3l-56.2 179.5c-2.2 7.1-10.6 14.6-15.1 15.7h78c-4.3-.8-10.4-6.9-8.2-15.2l20.4-64.9c.1 0 93.9 12.7 122.3-57.5m-75.8-58.4c10.2 0 38.5 1.4 20.2 54.9c-19.1 56.2-61.5 44.6-61.5 44.6l31.2-99.5z"/><path d="M416.3 463.4h52.5c-16.8-5.4-41.6-21.3-51.5-32.6c8-8.7 17.9-19.7 19.7-42h-27.2s5.2 3 5.2 9.4c0 5.9-2.4 14.1-7 19.8c-8-11.8-16.5-25.3-19.5-45.1c10.7-5.3 25.7-11.1 37.6-21.5c11.3-9.9 13.9-19.3 14.1-25.4v-.8c0-6.4-2.5-12.4-7.1-16.9c-7.9-7.8-20.3-11-33.4-8.6c-10.5 2-19.4 7.6-23.9 11.7c-15.8 14.9-17.8 39.4-17.8 50.5c0 2.7.1 4.7.2 5.9c-.9.4-2.5 1-2.5 1c-11.6 4.3-42.5 12.5-53.5 37.9c-1.4 3.2-3.4 10.2-3.4 18.3c0 7 1.5 14.8 6 21.9c7.8 12.2 21 19.9 42.2 19.5c23-.4 45.7-16.1 49.7-19c3.9 3.7 14.2 13.4 19.6 16m0-142c-2.7 17.1-24.9 34.4-30.3 36.7c-1-9.6-.5-24.8 7.5-37.2c5.3-8.2 12.4-11.8 18.1-9.8c4.6 1.6 5.1 5.8 4.7 10.3m-30.8 114.4c-3.1 1.9-15.3 8.1-26.7 9.2c-10.6 1-28.2-3.1-28.1-24.3c0-18.1 19.7-31.4 30.4-36c4.3 17.5 14 37.3 24.4 51.1"/><path d="M575.8 267.5c31.2-7.5 56.9 16.9 59.2 18.6l8.9-28.3c-12.3-3.7-101.8-34-165.1 38.2c-38.9 44.4-48.4 135.4.9 159.8c52.8 26.1 111.1-4 115.4-6.1l24.1-76.8c2.6-9.3 8.5-15.3 18.9-19.2h-83.8c12.2 5.1 11.3 14.3 10.4 18.1l-24.1 76.8c-3.2.6-70.6 17.4-32.9-100.5c8.3-25.3 31-71.7 68.1-80.6"/></g></svg>

Как использовать иконку Procter And Gamble

React

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

<Icon icon="thesvg-color:procter-and-gamble" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:procter-and-gamble" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:procter-and-gamble" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--procter-and-gamble]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:procter-and-gamble"></div>

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

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

<iconify-icon icon="thesvg-color:procter-and-gamble"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/procter-and-gamble.svg" alt="Иконка Procter And Gamble" width="24" height="24">

Вопросы и ответы: Иконка Procter And Gamble

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

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

Как использовать иконку Procter And Gamble в React?

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

Как добавить иконку Procter And Gamble на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/procter-and-gamble.svg" alt="Иконка Procter And Gamble">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →