Pedi App icon
thesvg-color:pedi-app
The Pedi App icon (thesvg-color:pedi-app) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 228 × 228 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 228 × 228
- Tags
- pediapp
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="228" height="228" viewBox="0 0 228 228"><g fill="none"><g clip-path="url(#SVGjQSJVcMA)"><path fill="#dd1600" d="M114.446 30c38.022 0 68.964 30.774 69.447 68.747c0 .267 0 .587.107.906c0 19.627-8.151 37.387-21.236 50.027l-3.701 3.733l-15.138-15.168l4.038-3.391c9.277-8.854 15.069-21.387 15.069-35.2c0-26.774-21.772-48.588-48.532-48.588s-48.532 21.76-48.532 48.587c0 12.16 4.505 23.307 11.905 31.84c.643.747 1.287 1.493 1.984 2.187l1.126 1.12l5.685 5.707l27.778 27.84l.859.853l13.942 13.974L114.446 198l-14.8-14.826l-27.779-27.841l-6.167-6.187v-.052c-4.344-4.267-8.098-9.121-11.208-14.401A69.47 69.47 0 0 1 45 99.6v-.853C45.429 60.774 76.425 30 114.446 30m0 31.52c20.915 0 37.968 17.12 37.968 38.08c0 10.933-4.612 20.8-12.013 27.733a38.1 38.1 0 0 1-13.996 8.373l10.296 10.347l13.354 13.334l1.501 1.493l-14.801 14.826l-7.99-8l-6.811-6.826l-27.778-27.84l-6.543-6.561c-6.918-6.879-11.154-16.373-11.154-26.88c0-21.013 17.053-38.08 37.967-38.08m0 21.013c-9.384 0-17.052 7.68-17.052 17.067c0 9.386 7.668 17.066 17.052 17.066c9.439 0 17.054-7.68 17.054-17.066c0-9.387-7.669-17.067-17.054-17.067"/></g><defs><clipPath id="SVGjQSJVcMA"><path fill="#fff" d="M45 30h139v168H45z"/></clipPath></defs></g></svg>How to use the Pedi App icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:pedi-app" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:pedi-app" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:pedi-app" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pedi-app]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pedi-app"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:pedi-app"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/pedi-app.svg" alt="Pedi App icon" width="24" height="24">Pedi App icon FAQ
Is the Pedi App icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Pedi App icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:pedi-app" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pedi App icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/pedi-app.svg" alt="Pedi App icon">, or paste the SVG code inline to style it with CSS.