Orange Station icon
icon-park-outline:orange-station
The Orange Station icon (icon-park-outline:orange-station) is a free SVG icon from the IconPark Outline set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Outline 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 Outline
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Brand
- Tags
- orangestation
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17.06 9.615c6.049 1.269 7.214 3.424 7.216 3.427C22.039.115 15.19 3.28 13.733 4.029a.62.62 0 0 0-.332.47c-.129 1.014-.276 4.291 3.66 5.116m-2.408 13.077c-.574 1.595-.746 3.383-.437 5.227c.776 4.624 4.6 7.976 9.07 8.341l1.53.545c.6.194 1.387.386 2.31.52c1.366.199 2.768.229 4.155.032c3.366-.478 6.203-2.21 8.178-5.501l.444-.777c-1.211 6.676-5.966 12.817-13.565 14.24c-5.29.99-10.29-.375-14.027-3.348l.044.086c-2.47-4.792-2.91-9.113-1.78-12.966c.54-1.844 1.478-3.493 2.706-4.955a16 16 0 0 1 1.346-1.419zm2.736-8.356c2.51-.396 6.605-.374 8.903 2.193c.033.036 0 .094-.048.084c-1.227-.25-2.891-.255-4.17-.04c-2.693.451-4.864 1.887-6.262 3.882l-.492.372a17.4 17.4 0 0 0-2.805 2.666c-1.312 1.563-2.317 3.331-2.9 5.317c-1.016 3.463-.84 7.27.795 11.393a17 17 0 0 1-3.365-5.458c-1.837-4.809-1.277-11.068 1.878-15.108c2.25-2.881 5.564-4.843 8.466-5.301M31.68 7.039C36.283.877 41.802 5.381 42.528 6.02c.053.047.086.11.094.18c.098.955.356 7.845-12.901 7.612c3.609.885 7.434 3.892 9.036 7.194c.536 1.107.95 2.259 1.169 3.469c.213 1.176.305 2.378.281 3.584c-.053.278-.235.735-.517 1.305l-.115.227l-.24.453l-.552.986c-1.821 3.225-4.46 4.886-7.643 5.338a13.6 13.6 0 0 1-3.87-.031q-.674-.1-1.23-.231a10 10 0 0 0 6.527-4.447c.33-.44.61-.925.83-1.466c1.006-2.476 1.14-4.942.36-7.709c-1.249-4.428-4.592-7.668-8.81-9.121c-.037-.013-.038-.064 0-.075c.554-.16 2.893-1.107 6.733-6.248" clip-rule="evenodd"/></svg>How to use the Orange Station icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:orange-station" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:orange-station" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:orange-station" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--orange-station]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:orange-station"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:orange-station"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-outline/orange-station.svg" alt="Orange Station icon" width="24" height="24">Related icons in IconPark Outline
Orange Station icon in other icon sets
Orange Station icon FAQ
Is the Orange Station icon free for commercial use?
Yes. IconPark Outline icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Orange Station icon in React?
Install @iconify/react and render <Icon icon="icon-park-outline:orange-station" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Orange Station icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-outline/orange-station.svg" alt="Orange Station icon">, or paste the SVG code inline to style it with CSS.