Xiaodu Home icon
icon-park:xiaodu-home
The Xiaodu Home icon (icon-park:xiaodu-home) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Build
- Tags
- xiaoduhome
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M4 20L24 6L44 20V42H4V20Z"/><path stroke="#fff" d="M12.6865 26.6863C14.1723 25.2006 15.9361 24.022 17.8773 23.2179C19.8185 22.4139 21.8991 22 24.0002 22C26.1014 22 28.182 22.4139 30.1232 23.2179C32.0644 24.022 33.8282 25.2006 35.314 26.6863"/><path stroke="#fff" d="M18.3428 32.3431C19.0856 31.6003 19.9676 31.011 20.9382 30.609C21.9088 30.2069 22.9491 30 23.9996 30C25.0502 30 26.0905 30.2069 27.0611 30.609C28.0317 31.011 28.9136 31.6003 29.6565 32.3431"/></g></svg>How to use the Xiaodu Home icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:xiaodu-home" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:xiaodu-home" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:xiaodu-home" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--xiaodu-home]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:xiaodu-home"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:xiaodu-home"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/xiaodu-home.svg" alt="Xiaodu Home icon" width="24" height="24">Related icons in IconPark
Xiaodu Home icon in other icon sets
Xiaodu Home icon FAQ
Is the Xiaodu Home icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Xiaodu Home icon in React?
Install @iconify/react and render <Icon icon="icon-park:xiaodu-home" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Xiaodu Home icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/xiaodu-home.svg" alt="Xiaodu Home icon">, or paste the SVG code inline to style it with CSS.