Fresh icon
thesvg-color:fresh
The Fresh icon (thesvg-color:fresh) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 216 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
- 256 × 216
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="216" viewBox="0 0 256 216"><path fill="#ffdb1e" d="M240 21c38 91 0 140-31 167c8 27-23 33-35 19c-34 12-104 12-154-38c-27-27-6-87 65-128c62-34 124-54 155-20"/><path fill="#fff" d="M85 41C138 7 201-8 227 15c40 34-84 112-130 131c-50 20-23 65-50 65c-24 0-20-31-40-60c-13-17 18-70 78-110"/><path fill="#ffdb1e" d="M83 38L54 60l-4 4C12 98-9 137 3 154a89 89 0 0 1 11 19l2 4l5 15c7 16 13 23 26 23c11 0 15-5 18-20l1-7l1-4l1-2v-2l1-1v-2l1-2c4-11 12-19 26-25l2-1c27-10 69-36 99-60l4-3l5-5l4-4c28-26 37-49 21-64l-1-1C203-12 139 1 83 38m142-21c13 12 5 31-20 55l-4 3l-1 1l-4 4l-4 3c-28 23-68 47-94 58l-3 1c-17 7-27 17-32 30l-1 3l-1 2v2l-1 1v3l-1 4l-1 7l-1 3c-2 8-4 10-10 10c-9 0-13-4-18-16l-5-16l-1-2a121 121 0 0 0-13-24c-7-9 2-30 20-53l3-4c14-16 33-33 54-47C141 9 201-3 225 17"/><path fill="#ffe600" d="M197 20c36 10-2 44-33 66c-29 21-51 33-61 38c-3 1-12-18-12-8c0 3-6 17-8 18c-10 4-32 10-45 10c-27 0-15-37 24-71c6-6 11-5 17-5c-4-6-4-7 3-12c33-21 73-36 90-38c3 0 6 2 6 4c3-1 16-3 19-2"/><path fill="#fff" d="M88 80c7-6 12-8 16-20c4 1 6 0 10-5c2 4 13 5 19 5c-6 4-9 7-12 17c-11-5-24-3-33 3"/></svg>How to use the Fresh icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:fresh" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:fresh" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:fresh" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fresh]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fresh"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:fresh"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/fresh.svg" alt="Fresh icon" width="24" height="24">Related icons in theSVG Color
Fresh icon in other icon sets
Fresh icon FAQ
Is the Fresh 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 Fresh icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:fresh" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fresh icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/fresh.svg" alt="Fresh icon">, or paste the SVG code inline to style it with CSS.