Icono Safe
flat-ui:safe
El icono Safe (flat-ui:safe) es un icono SVG gratuito de la colección Flat UI Icons de Designmodo, Inc.. Está dibujado en una cuadrícula de 100 × 100. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licencia
- MIT
- Tamaño
- 100 × 100
Código SVG
<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>
Cómo usar el icono Safe
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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/safe.svg" alt="Icono Safe" width="24" height="24">
El icono Safe en otras colecciones
Preguntas frecuentes sobre Icono Safe
¿El icono Safe es gratis para uso comercial?
Sí. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Safe en React?
Instala @iconify/react y renderiza <Icon icon="flat-ui:safe" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Safe a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/flat-ui/safe.svg" alt="Icono Safe">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Flat UI Icons →
ICONYZ
