Safe icon

flat-ui:safe

The Safe icon (flat-ui:safe) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI 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: Flat UI Icons
Author: Designmodo, Inc.
License: MIT
Size: 100 × 100

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#C8CACA" d="M47.931 3.242V1.767c-16.767.791-28.518 5.227-35.851 13.557C5.789 22.471 2.536 33.2 1.95 47.406h1.483c1.265-29.27 14.472-42.76 44.498-44.164m48.585 43.914l1.473.109c-.586-14.216-3.84-24.562-10.131-31.714C80.525 7.217 68.773 2.776 52.007 1.986v1.476c30.025 1.404 43.244 14.403 44.509 43.694M3.432 52.719H1.95c.586 14.139 3.9 24.692 10.186 31.805c7.328 8.289 19.071 12.705 35.827 13.49v-1.468C17.957 95.15 4.696 81.848 3.432 52.719m48.605 43.609v1.469c16.756-.787 28.499-5.206 35.826-13.501C94.15 77.18 97.4 66.898 97.986 52.75h-1.455c-1.263 29.148-14.488 42.182-44.494 43.578"/><path fill="#35495E" d="M3 47a3 3 0 1 0 0 6a3 3 0 0 0 0-6m94 0a3 3 0 1 0 0 6a3 3 0 0 0 0-6M50 0a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0 94a3 3 0 1 0 0 6a3 3 0 0 0 0-6"/><path fill="#E64B3C" d="M50 5C25.147 5 5 25.147 5 50s20.147 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/><path fill="none" d="M50 5C25.147 5 5 25.147 5 50s20.147 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/><defs><path id="SVGCzSg7Sno" d="M50 5C25.146 5 5 25.147 5 50s20.146 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/></defs><clipPath id="SVGJ0fh0d9q"><use href="#SVGCzSg7Sno"/></clipPath><g fill="#C54132" clip-path="url(#SVGJ0fh0d9q)"><path d="m67 58l33 33V58zM50 41V-1L13 4z"/></g><defs><path id="SVGtqqK5dfU" d="M50 5C25.147 5 5 25.147 5 50s20.147 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/></defs><clipPath id="SVGs14zYdcd"><use href="#SVGtqqK5dfU"/></clipPath><path fill="#EBECED" d="M70 38v24h26V38zM4 62h26V38H4zm34 34h24V70H38zm0-66h24V4H38z" clip-path="url(#SVGs14zYdcd)"/></svg>

How to use the Safe icon

React

import { Icon } from "@iconify/react";

<Icon icon="flat-ui:safe" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="flat-ui:safe" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="flat-ui:safe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--safe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:safe"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="flat-ui:safe"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/flat-ui/safe.svg" alt="Safe icon" width="24" height="24">

Safe icon in other icon sets

Safe icon FAQ

Is the Safe icon free for commercial use?

Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Safe icon in React?

Install @iconify/react and render <Icon icon="flat-ui:safe" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Safe icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/safe.svg" alt="Safe icon">, or paste the SVG code inline to style it with CSS.

Browse all Flat UI Icons →