Safari icon

simple-icons:safari

The Safari icon (simple-icons:safari) is a free SVG icon from the Simple Icons set by Simple Icons Collaborators. It is drawn on a 24 × 24 grid. Simple Icons are released under the CC0 1.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: Simple Icons
Author: Simple Icons Collaborators
License: CC0-1.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0m-.004.953h.006c.063 0 .113.05.113.113v1.842c0 .063-.05.113-.113.113h-.006a.11.11 0 0 1-.113-.113V1.066c0-.063.05-.113.113-.113m-.941.041a.115.115 0 0 1 .11.104l.077.918a.11.11 0 0 1-.101.12h-.01a.11.11 0 0 1-.12-.1l-.08-.919a.11.11 0 0 1 .102-.12h.01zm1.892 0h.018a.113.113 0 0 1 .103.121l-.08.92a.11.11 0 0 1-.12.102h-.009a.11.11 0 0 1-.101-.121l.078-.92a.11.11 0 0 1 .111-.102m-2.838.123a.11.11 0 0 1 .106.092l.32 1.818c.01.06-.03.119-.09.13l-.01.001a.11.11 0 0 1-.128-.09l-.32-1.818a.11.11 0 0 1 .09-.129l.01-.002zm3.784.002h.021l.008.002c.061.01.102.07.092.131l-.32 1.814a.11.11 0 0 1-.132.09h-.005a.113.113 0 0 1-.092-.13l.32-1.815a.11.11 0 0 1 .108-.092m-4.715.203c.048.002.09.035.103.084l.239.893a.11.11 0 0 1-.079.139l-.005.001a.114.114 0 0 1-.14-.08l-.237-.894a.11.11 0 0 1 .078-.137l.006-.002a.1.1 0 0 1 .035-.004m5.644 0a.1.1 0 0 1 .033.004l.006.002c.06.016.097.079.08.139l-.24.892a.11.11 0 0 1-.137.08l-.005-.002a.114.114 0 0 1-.08-.138l.24-.893a.11.11 0 0 1 .103-.084m-6.562.285a.11.11 0 0 1 .107.073L9 3.42a.107.107 0 0 1-.064.139l-.012.005a.11.11 0 0 1-.14-.066L8.15 1.76a.11.11 0 0 1 .065-.14l.014-.005a.1.1 0 0 1 .03-.008zm7.469.002q.021 0 .042.006l.012.006c.057.02.087.082.067.139l-.633 1.738a.11.11 0 0 1-.14.066l-.013-.003A.11.11 0 0 1 15 3.42l.633-1.738a.11.11 0 0 1 .096-.073m-8.352.366a.11.11 0 0 1 .105.064l.393.838a.11.11 0 0 1-.055.148l-.008.004a.11.11 0 0 1-.146-.054l-.395-.838a.11.11 0 0 1 .055-.149l.008-.004a.1.1 0 0 1 .043-.01zm9.246 0a.1.1 0 0 1 .043.01l.006.003a.11.11 0 0 1 .053.149l-.391.838a.11.11 0 0 1-.148.054l-.006-.002a.11.11 0 0 1-.055-.148l.393-.84a.11.11 0 0 1 .105-.064m-10.092.44c.04-.002.08.018.102.056l.922 1.597a.113.113 0 0 1-.041.155l-.006.002a.113.113 0 0 1-.154-.041l-.922-1.598a.113.113 0 0 1 .04-.154l.007-.002a.1.1 0 0 1 .052-.016zm10.94.001a.1.1 0 0 1 .052.014l.004.002a.114.114 0 0 1 .041.156l-.923 1.596a.114.114 0 0 1-.157.04l-.004-.001a.11.11 0 0 1-.04-.155l.925-1.595a.11.11 0 0 1 .102-.057M5.729 2.93a.11.11 0 0 1 .093.047l.532.753a.114.114 0 0 1-.028.159l-.004.002a.114.114 0 0 1-.158-.028l-.531-.752a.114.114 0 0 1 .027-.158l.006-.002a.1.1 0 0 1 .063-.021m12.542 0a.1.1 0 0 1 .063.02l.006.003a.11.11 0 0 1 .027.156l-.531.756a.11.11 0 0 1-.156.028l-.006-.004a.11.11 0 0 1-.028-.157l.532-.755a.11.11 0 0 1 .093-.047m.747.578a.1.1 0 0 1 .08.027l.006.004c.047.04.053.111.013.158L17.932 5.11a.11.11 0 0 1-.157.016l-.005-.006a.11.11 0 0 1-.014-.156l1.185-1.414a.1.1 0 0 1 .077-.041zM4.984 3.51a.1.1 0 0 1 .077.039L6.244 4.96a.11.11 0 0 1-.014.158l-.003.004a.11.11 0 0 1-.159-.014L4.883 3.697a.11.11 0 0 1 .013-.158l.006-.004a.1.1 0 0 1 .082-.025m-.714.64q.042 0 .076.032l.658.66a.107.107 0 0 1 0 .152l-.01.01a.107.107 0 0 1-.152 0l-.66-.658a.11.11 0 0 1 0-.155l.01-.01a.1.1 0 0 1 .078-.03zm15.462 0q.043 0 .077.032l.007.007a.11.11 0 0 1 0 .155l-.658.66a.11.11 0 0 1-.154 0l-.008-.008a.11.11 0 0 1 0-.154l.658-.66a.1.1 0 0 1 .078-.032m.707.66c.038 0 .071.02.092.075a.11.11 0 0 1-.023.117l-7.606 8.08c-3.084 2.024-6.149 4.04-9.222 6.05c-.078.051-.17.082-.211-.028a.11.11 0 0 1 .023-.118l7.594-8.08a8381 8381 0 0 1 9.234-6.049a.25.25 0 0 1 .12-.046zm-16.824.045a.1.1 0 0 1 .08.026l1.416 1.187a.11.11 0 0 1 .014.157l-.006.005a.11.11 0 0 1-.156.014L3.549 5.057a.11.11 0 0 1-.014-.155l.006-.007a.1.1 0 0 1 .074-.04m17.336.756c.036 0 .072.017.094.05l.004.003a.114.114 0 0 1-.028.158l-.753.53a.11.11 0 0 1-.157-.028l-.004-.004a.114.114 0 0 1 .028-.158l.754-.53a.1.1 0 0 1 .062-.02zm-17.904.002q.031 0 .06.02l.76.531c.05.035.06.103.026.152l-.006.01a.11.11 0 0 1-.153.026l-.76-.532a.11.11 0 0 1-.025-.152l.006-.01a.11.11 0 0 1 .092-.045m-.512.803q.027 0 .053.016l1.596.923a.11.11 0 0 1 .04.153l-.003.006a.11.11 0 0 1-.153.04L2.473 6.63a.11.11 0 0 1-.041-.152l.004-.006a.11.11 0 0 1 .1-.055zm18.932 0a.11.11 0 0 1 .1.055l.001.004a.113.113 0 0 1-.04.154l-1.596.926a.113.113 0 0 1-.155-.041l-.002-.004a.113.113 0 0 1 .041-.155l1.596-.925a.1.1 0 0 1 .055-.014m-19.373.846q.021 0 .043.01l.838.392a.11.11 0 0 1 .052.147l-.004.01a.11.11 0 0 1-.146.052l-.838-.393a.11.11 0 0 1-.053-.146l.004-.01a.11.11 0 0 1 .104-.062m19.81.002a.11.11 0 0 1 .106.062l.002.008a.11.11 0 0 1-.053.146l-.838.393a.11.11 0 0 1-.146-.053l-.004-.008a.11.11 0 0 1 .052-.146l.838-.393a.1.1 0 0 1 .043-.01zm-20.183.88q.02 0 .043.006l1.732.631a.11.11 0 0 1 .067.145l-.002.006a.11.11 0 0 1-.143.066l-1.732-.63a.113.113 0 0 1-.069-.145l.002-.004a.12.12 0 0 1 .102-.074zm20.549 0a.11.11 0 0 1 .11.075l.003.004a.115.115 0 0 1-.069.146l-1.732.629a.11.11 0 0 1-.145-.066l-.001-.006a.113.113 0 0 1 .068-.145l1.732-.63a.1.1 0 0 1 .034-.006zm-20.836.909a.1.1 0 0 1 .033.004l.892.24c.06.016.096.077.08.137l-.002.007a.11.11 0 0 1-.136.079l-.895-.239a.113.113 0 0 1-.078-.138l.002-.006a.11.11 0 0 1 .104-.084m21.13.002a.115.115 0 0 1 .106.084v.004a.11.11 0 0 1-.078.138l-.893.239a.11.11 0 0 1-.138-.079v-.005a.11.11 0 0 1 .078-.14l.892-.237a.1.1 0 0 1 .033-.004m-21.335.93l.023.001l1.814.323a.11.11 0 0 1 .09.13v.006a.11.11 0 0 1-.13.09l-1.815-.322a.113.113 0 0 1-.092-.131l.002-.006a.11.11 0 0 1 .108-.092zm21.519.001h.022c.052.002.1.038.109.092v.006c.01.062-.03.12-.092.13l-1.814.321a.113.113 0 0 1-.131-.092v-.005a.113.113 0 0 1 .092-.131zm-21.644.944h.011l.922.084a.11.11 0 0 1 .102.119l-.002.01a.11.11 0 0 1-.121.1l-.922-.083a.11.11 0 0 1-.1-.12v-.009a.11.11 0 0 1 .11-.101m21.779.002h.012a.11.11 0 0 1 .11.101v.008a.11.11 0 0 1-.1.121l-.923.08a.11.11 0 0 1-.12-.101v-.008a.11.11 0 0 1 .1-.121l.92-.08zm-11.82.73L6.091 16.95c2.02-1.324 4.039-2.646 6.066-3.976l-1.095-1.31zm11.87.219c.063 0 .114.05.114.113v.004c0 .063-.05.113-.113.113l-1.844.004a.113.113 0 0 1-.113-.113v-.004c0-.063.05-.113.113-.113zm-21.869.002h1.844c.062 0 .112.05.112.111v.008c0 .062-.05.111-.112.111H1.064a.11.11 0 0 1-.11-.111v-.008a.11.11 0 0 1 .11-.111m.952.875h.011a.11.11 0 0 1 .11.101v.006a.11.11 0 0 1-.102.121l-.922.08a.11.11 0 0 1-.119-.101l-.002-.006a.11.11 0 0 1 .102-.121zm19.955 0h.011l.922.08a.11.11 0 0 1 .102.119v.008a.11.11 0 0 1-.121.101l-.922-.08a.11.11 0 0 1-.102-.119v-.008a.11.11 0 0 1 .11-.101m-18.924.705c.053.001.098.04.107.094l.002.004a.11.11 0 0 1-.092.13l-1.812.32a.113.113 0 0 1-.13-.091v-.004a.115.115 0 0 1 .09-.133l1.811-.318zm17.902 0l.024.002l1.816.32c.061.011.1.07.09.131v.004a.113.113 0 0 1-.131.092l-1.816-.32a.11.11 0 0 1-.09-.131v-.004a.11.11 0 0 1 .107-.094M2.332 14.477a.11.11 0 0 1 .104.082l.002.005a.11.11 0 0 1-.08.137l-.891.24a.11.11 0 0 1-.137-.08l-.002-.006a.11.11 0 0 1 .08-.136l.89-.239a.1.1 0 0 1 .034-.003m19.332 0q.018 0 .035.003l.893.239c.06.016.096.077.08.136l-.002.006a.11.11 0 0 1-.137.078l-.894-.238a.11.11 0 0 1-.078-.137l.002-.005a.11.11 0 0 1 .101-.082m-18.213.517a.11.11 0 0 1 .11.074l.002.004a.11.11 0 0 1-.067.145l-1.732.63a.113.113 0 0 1-.145-.068l-.002-.004a.113.113 0 0 1 .069-.144L3.418 15a.1.1 0 0 1 .033-.006m17.086 0q.022-.002.043.006l1.734.63a.11.11 0 0 1 .067.143l-.002.008a.11.11 0 0 1-.143.067l-1.734-.631a.11.11 0 0 1-.066-.143l.002-.008a.11.11 0 0 1 .1-.072zM2.92 16.117a.11.11 0 0 1 .103.063l.004.01a.11.11 0 0 1-.052.144l-.838.393a.11.11 0 0 1-.147-.055l-.004-.008a.11.11 0 0 1 .053-.146l.838-.391a.1.1 0 0 1 .043-.01m18.158 0a.1.1 0 0 1 .043.01l.838.39c.056.027.08.093.055.149l-.002.004a.11.11 0 0 1-.149.055l-.838-.391a.11.11 0 0 1-.054-.148l.002-.004a.11.11 0 0 1 .105-.065m-16.957.315c.04-.001.078.02.1.056l.004.004a.11.11 0 0 1-.041.153l-1.596.921a.113.113 0 0 1-.154-.04l-.002-.005a.113.113 0 0 1 .04-.154l1.596-.922a.1.1 0 0 1 .053-.013m15.756 0q.027 0 .053.013l1.597.924a.11.11 0 0 1 .041.152l-.002.004a.11.11 0 0 1-.152.041l-1.598-.921a.113.113 0 0 1-.04-.155l.001-.002a.11.11 0 0 1 .1-.056m.328 1.193a.1.1 0 0 1 .06.021l.758.534c.05.035.061.102.026.152l-.004.008a.11.11 0 0 1-.154.027l-.756-.535a.11.11 0 0 1-.028-.152l.006-.008a.11.11 0 0 1 .092-.047m-16.412.002c.035 0 .072.016.094.047l.004.008a.11.11 0 0 1-.028.152l-.756.531a.11.11 0 0 1-.152-.025l-.006-.008a.11.11 0 0 1 .028-.152l.755-.534a.1.1 0 0 1 .061-.019m15.162.102a.1.1 0 0 1 .082.025l1.414 1.187a.11.11 0 0 1 .014.157l-.004.004a.113.113 0 0 1-.158.013L18.89 17.93a.11.11 0 0 1-.014-.157l.004-.005a.1.1 0 0 1 .074-.04zm-12.812 1.12a.1.1 0 0 1 .08.026l.007.008a.11.11 0 0 1 .014.154L5.06 20.451a.11.11 0 0 1-.155.012l-.008-.006a.11.11 0 0 1-.013-.154l1.185-1.414a.1.1 0 0 1 .075-.04zm11.703 0c.032 0 .065.015.088.042l1.181 1.41c.04.048.035.12-.013.16l-.002.002a.114.114 0 0 1-.16-.014l-1.182-1.41a.114.114 0 0 1 .013-.16l.002-.002a.12.12 0 0 1 .073-.027zm-12.928.114q.042 0 .074.031l.014.012a.107.107 0 0 1 0 .15l-.662.66a.105.105 0 0 1-.149 0l-.011-.011a.105.105 0 0 1 0-.149l.66-.662a.1.1 0 0 1 .074-.031m14.164 0q.041 0 .074.031l.66.662a.106.106 0 0 1 0 .15l-.011.012a.106.106 0 0 1-.15-.002l-.66-.66a.106.106 0 0 1 .001-.15l.01-.012a.1.1 0 0 1 .076-.031m-11.627.797a.1.1 0 0 1 .05.015l.007.004a.11.11 0 0 1 .04.15l-.921 1.598a.11.11 0 0 1-.15.041l-.008-.004a.11.11 0 0 1-.04-.152l.922-1.596a.11.11 0 0 1 .1-.056m9.088.002a.11.11 0 0 1 .1.054l.925 1.596a.113.113 0 0 1-.04.154h-.005a.11.11 0 0 1-.152-.039l-.926-1.595a.113.113 0 0 1 .041-.155l.004-.002a.1.1 0 0 1 .053-.013m-10.285.324q.032 0 .062.021l.004.002a.113.113 0 0 1 .028.157l-.53.755a.11.11 0 0 1-.156.028l-.004-.002a.11.11 0 0 1-.027-.156l.53-.756a.11.11 0 0 1 .093-.05zm11.484.002c.036 0 .072.015.094.047l.53.756c.035.05.023.12-.028.156l-.004.002a.11.11 0 0 1-.156-.028l-.53-.755a.11.11 0 0 1 .028-.157l.004-.002a.1.1 0 0 1 .062-.02zm-8.863.342a.1.1 0 0 1 .043.006l.012.005c.056.02.084.081.064.137l-.633 1.74a.105.105 0 0 1-.136.063l-.014-.004a.106.106 0 0 1-.065-.137l.633-1.74a.11.11 0 0 1 .096-.07m6.232 0a.11.11 0 0 1 .106.07l.633 1.738a.107.107 0 0 1-.065.137l-.015.006a.107.107 0 0 1-.137-.065L15 20.578a.107.107 0 0 1 .064-.137l.014-.005a.1.1 0 0 1 .033-.006m-4.695.41q.011 0 .021.002l.006.002c.062.01.101.067.09.129l-.318 1.812a.113.113 0 0 1-.131.092l-.004-.002a.11.11 0 0 1-.092-.129l.32-1.812a.11.11 0 0 1 .108-.094m3.146.002h.022a.11.11 0 0 1 .107.092l.32 1.812a.11.11 0 0 1-.091.131l-.004.002a.113.113 0 0 1-.13-.092l-.321-1.812a.113.113 0 0 1 .092-.131zm-5.79.119a.1.1 0 0 1 .042.01l.004.002a.114.114 0 0 1 .055.15l-.393.834a.11.11 0 0 1-.148.055l-.004-.002a.11.11 0 0 1-.055-.149l.393-.836a.11.11 0 0 1 .105-.064zm8.458 0a.11.11 0 0 1 .104.062l.39.84a.11.11 0 0 1-.052.147l-.008.004a.11.11 0 0 1-.146-.055l-.391-.838a.11.11 0 0 1 .053-.146l.008-.004a.1.1 0 0 1 .042-.01m-4.236.018H12c.063 0 .115.05.115.113l.002 1.84c0 .063-.05.113-.113.113h-.006a.113.113 0 0 1-.113-.113l-.004-1.838c0-.063.05-.115.113-.115m-2.592.578q.016-.001.034.004l.005.002a.11.11 0 0 1 .079.136l-.24.893a.11.11 0 0 1-.137.078l-.006-.002a.11.11 0 0 1-.078-.137l.24-.89a.11.11 0 0 1 .103-.084m5.196.002a.11.11 0 0 1 .103.082l.24.89a.11.11 0 0 1-.078.137l-.006.002a.11.11 0 0 1-.136-.078l-.24-.89a.11.11 0 0 1 .078-.138l.005-.002a.1.1 0 0 1 .034-.003m-3.475.302h.01l.008.002c.061.006.107.06.101.121l-.08.92a.11.11 0 0 1-.121.102h-.008a.11.11 0 0 1-.1-.121l.08-.922a.11.11 0 0 1 .11-.102m1.736 0h.02a.11.11 0 0 1 .107.102l.08.924a.11.11 0 0 1-.101.119l-.008.002a.11.11 0 0 1-.12-.102l-.08-.924a.11.11 0 0 1 .102-.12z"/></svg>

How to use the Safari icon

React

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

<Icon icon="simple-icons:safari" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:safari" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:safari" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--safari]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:safari"></div>

Web component

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

<iconify-icon icon="simple-icons:safari"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/simple-icons/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. Simple Icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.

How do I use the Safari icon in React?

Install @iconify/react and render <Icon icon="simple-icons: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/simple-icons/safari.svg" alt="Safari icon">, or paste the SVG code inline to style it with CSS.

Browse all Simple Icons →