Safe Retrieval icon
icon-park:safe-retrieval
The Safe Retrieval icon (icon-park:safe-retrieval) 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
- Health
- Tags
- saferetrieval
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M7 9.12739L24.0082 4L41 9.12739V19.6424C41 30.6945 34.153 40.5063 24.0025 44C13.8492 40.5064 7 30.6923 7 19.6376V9.12739Z"/><path fill="#43CCF8" stroke="#fff" d="M24 30C27.866 30 31 26.866 31 23C31 19.134 27.866 16 24 16C20.134 16 17 19.134 17 23C17 26.866 20.134 30 24 30Z"/><path stroke="#fff" stroke-linecap="round" d="M29 29L35 36"/><path stroke="#000" d="M41 19.6426C41 30.6946 34.153 40.5065 24.0024 44.0002"/></g></svg>How to use the Safe Retrieval icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:safe-retrieval" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:safe-retrieval" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:safe-retrieval" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--safe-retrieval]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:safe-retrieval"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:safe-retrieval"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/safe-retrieval.svg" alt="Safe Retrieval icon" width="24" height="24">Safe Retrieval icon in other icon sets
Safe Retrieval icon FAQ
Is the Safe Retrieval 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 Safe Retrieval icon in React?
Install @iconify/react and render <Icon icon="icon-park:safe-retrieval" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Safe Retrieval icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/safe-retrieval.svg" alt="Safe Retrieval icon">, or paste the SVG code inline to style it with CSS.