Parent icon
raphael:parent
The Parent icon (raphael:parent) is a free SVG icon from the Raphael set by Dmitry Baranovskiy. It is drawn on a 32 × 32 grid. Raphael 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
- Raphael
- Author
- Dmitry Baranovskiy
- License
- MIT
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M14.423 12.17a5.23 5.23 0 0 1-3.102 1.03c-1.163 0-2.23-.39-3.103-1.03c-.75.625-1.498 1.52-2.11 2.623c-1.423 2.563-1.58 5.192-.35 5.874c.548.312 1.126.078 1.722-.496a10.5 10.5 0 0 0-.167 1.874c0 2.938 1.14 5.312 2.543 5.312c.846 0 1.265-.865 1.466-2.188c.2 1.314.62 2.188 1.46 2.188c1.397 0 2.546-2.375 2.546-5.312c0-.66-.062-1.29-.168-1.873c.6.575 1.176.813 1.726.497c1.227-.682 1.068-3.31-.354-5.874c-.61-1.104-1.36-1.998-2.11-2.623zm-3.103.03a4.279 4.279 0 1 0-.003-8.561a4.279 4.279 0 0 0 .003 8.563zm10.667 5.47c1.508 0 2.732-1.224 2.732-2.734S23.493 12.2 21.986 12.2a2.737 2.737 0 0 0-2.736 2.736a2.737 2.737 0 0 0 2.737 2.735zm3.33 1.657c-.39-.705-.868-1.277-1.348-1.677c-.56.41-1.24.66-1.983.66s-1.426-.25-1.983-.66c-.48.4-.958.972-1.35 1.677c-.91 1.638-1.01 3.318-.224 3.754c.35.2.72.05 1.1-.316a7 7 0 0 0-.104 1.197c0 1.88.728 3.397 1.625 3.397c.54 0 .81-.553.938-1.398c.128.84.396 1.397.934 1.397c.893 0 1.627-1.518 1.627-3.396c0-.42-.04-.824-.108-1.196c.383.367.752.52 1.104.317c.782-.434.68-2.115-.228-3.753z"/></svg>How to use the Parent icon
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:parent" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:parent" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:parent" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--parent]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:parent"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:parent"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/raphael/parent.svg" alt="Parent icon" width="24" height="24">Parent icon FAQ
Is the Parent icon free for commercial use?
Yes. Raphael icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Parent icon in React?
Install @iconify/react and render <Icon icon="raphael:parent" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Parent icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/raphael/parent.svg" alt="Parent icon">, or paste the SVG code inline to style it with CSS.