Safari icon
openmoji:safari
The Safari icon (openmoji:safari) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Extras Openmoji
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="36" cy="36" r="28" fill="#92d3f5"/><path fill="#61b2e4" d="m15.512 55.086l39.573-39.573q.365.34.72.694c10.935 10.935 10.935 28.664 0 39.598s-28.663 10.935-39.598 0a29 29 0 0 1-.695-.72"/><path fill="#fff" d="M33.2 33.2L24 48l14.8-9.2"/><path fill="#ea5a47" d="M33.2 33.2L48 24l-9.2 14.8"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36 14v-3m0 50v-3m22-22h3m-50 0h3m37.556-15.556l2.122-2.122M18.322 53.678l2.122-2.122m31.112 0l2.122 2.122M18.322 18.322l2.122 2.122M47 16.947l1.5-2.598m-25 43.301l1.5-2.597M55.053 47l2.598 1.5m-43.301-25l2.597 1.5m40.303 5.306l2.898-.776M11.852 42.47l2.898-.776M41.694 57.25l.777 2.898M29.53 11.852l.776 2.898M55.053 25l2.598-1.5m-43.301 25l2.597-1.5M47 55.053l1.5 2.598m-25-43.301l1.5 2.597m32.25 24.747l2.898.777M11.852 29.53l2.898.776M30.306 57.25l-.776 2.898m12.94-48.296l-.776 2.898"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M36 64c15.464 0 28-12.536 28-28S51.464 8 36 8S8 20.536 8 36s12.536 28 28 28"/><path d="M33.2 33.2L24 48l14.8-9.2"/><path d="M33.2 33.2L48 24l-9.2 14.8"/></g></svg>
How to use the Safari icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:safari" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:safari" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:safari" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--safari]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:safari"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:safari"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/safari.svg" alt="Safari icon" width="24" height="24">
Safari icon in other icon sets
Safari icon FAQ
Is the Safari icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Safari icon in React?
Install @iconify/react and render <Icon icon="openmoji:safari" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Safari icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/safari.svg" alt="Safari icon">, or paste the SVG code inline to style it with CSS.
Browse all OpenMoji icons →
ICONYZ
