sonar logo
sonar from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sonar
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the sonar logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.63 5.037a4 4 0 0 0-.702.044a14.9 14.9 0 0 1 1.018 5.465c0 5.693-3.172 10.745-7.802 12.587q.35.023.707.024h.035a7.43 7.43 0 0 0 5.748-2.764c1.773-2.194 2.861-5.15 2.861-8.391a13.6 13.6 0 0 0-1.865-6.965m-.738 5.509a13.8 13.8 0 0 0-.98-5.172c-.136.056-.233.107-.304.142a.8.8 0 0 0-.424.804q.125 1.08.127 2.169c0 3.312-1.069 6.49-3.011 8.946c-1.837 2.321-4.301 3.815-6.981 4.242l.023.014a5.46 5.46 0 0 0 5.103.153c3.782-1.854 6.447-6.22 6.447-11.298M24 12.002a11.1 11.1 0 0 0-.85-4.276a4.9 4.9 0 0 0-1.072-1.627a3.6 3.6 0 0 0-.842-.631A4 4 0 0 0 21 5.356a14.84 14.84 0 0 1 1.544 6.642c0 3.294-1.073 6.467-2.982 8.901A11.14 11.14 0 0 0 24 12.002m-3.147-7.771A11.12 11.12 0 0 0 12.856.843C6.691.843 1.64 5.95 1.702 12.115c.013 1.461.315 2.905.888 4.25q-.276-.036-.555-.024c-.5.023-1.207-.157-1.527-.247c-.32-.089-.606.167-.476.465v.009c1.108 2.536 3.562 4.187 5.906 4.182q.233 0 .466-.024c5.488-.418 9.843-5.746 9.843-12.236q0-.614-.053-1.22a.24.24 0 0 0-.054-.132a.24.24 0 0 0-.263-.075a.24.24 0 0 0-.117.084c-1.518 2.009-3.766 5.541-6.579 3.7c-1.084-.706-1.661-2.225-1.335-3.772c.586-2.777 3.822-4.608 5.248-4.034c.112.045.513.205.65.571c.208.558-.421 1.018-.742 2.007c-.345 1.071-.15 2.206.092 2.256c.271.054.726-.94 1.845-1.844c.813-.654 1.426-.839 1.811-1.534c.371-.678-.29-1.392-.065-1.456c.225-.063.435.717 1.105 1.105c.559.325 1.058.122 1.794.092q.41-.003.813.063s.144.02.372.067a.1.1 0 0 0 .052-.003a.1.1 0 0 0 .04-.034a.1.1 0 0 0 .012-.051a.1.1 0 0 0-.02-.049m-8.314 8.599a.8.8 0 0 1 .508-.307a.65.65 0 0 1 .499.135c.271.251.191.736-.042 1.015c-.217.258-.644.427-.941.236a.68.68 0 0 1-.263-.542a.8.8 0 0 1 .239-.537"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSonar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.63 5.037a4 4 0 0 0-.702.044a14.9 14.9 0 0 1 1.018 5.465c0 5.693-3.172 10.745-7.802 12.587q.35.023.707.024h.035a7.43 7.43 0 0 0 5.748-2.764c1.773-2.194 2.861-5.15 2.861-8.391a13.6 13.6 0 0 0-1.865-6.965m-.738 5.509a13.8 13.8 0 0 0-.98-5.172c-.136.056-.233.107-.304.142a.8.8 0 0 0-.424.804q.125 1.08.127 2.169c0 3.312-1.069 6.49-3.011 8.946c-1.837 2.321-4.301 3.815-6.981 4.242l.023.014a5.46 5.46 0 0 0 5.103.153c3.782-1.854 6.447-6.22 6.447-11.298M24 12.002a11.1 11.1 0 0 0-.85-4.276a4.9 4.9 0 0 0-1.072-1.627a3.6 3.6 0 0 0-.842-.631A4 4 0 0 0 21 5.356a14.84 14.84 0 0 1 1.544 6.642c0 3.294-1.073 6.467-2.982 8.901A11.14 11.14 0 0 0 24 12.002m-3.147-7.771A11.12 11.12 0 0 0 12.856.843C6.691.843 1.64 5.95 1.702 12.115c.013 1.461.315 2.905.888 4.25q-.276-.036-.555-.024c-.5.023-1.207-.157-1.527-.247c-.32-.089-.606.167-.476.465v.009c1.108 2.536 3.562 4.187 5.906 4.182q.233 0 .466-.024c5.488-.418 9.843-5.746 9.843-12.236q0-.614-.053-1.22a.24.24 0 0 0-.054-.132a.24.24 0 0 0-.263-.075a.24.24 0 0 0-.117.084c-1.518 2.009-3.766 5.541-6.579 3.7c-1.084-.706-1.661-2.225-1.335-3.772c.586-2.777 3.822-4.608 5.248-4.034c.112.045.513.205.65.571c.208.558-.421 1.018-.742 2.007c-.345 1.071-.15 2.206.092 2.256c.271.054.726-.94 1.845-1.844c.813-.654 1.426-.839 1.811-1.534c.371-.678-.29-1.392-.065-1.456c.225-.063.435.717 1.105 1.105c.559.325 1.058.122 1.794.092q.41-.003.813.063s.144.02.372.067a.1.1 0 0 0 .052-.003a.1.1 0 0 0 .04-.034a.1.1 0 0 0 .012-.051a.1.1 0 0 0-.02-.049m-8.314 8.599a.8.8 0 0 1 .508-.307a.65.65 0 0 1 .499.135c.271.251.191.736-.042 1.015c-.217.258-.644.427-.941.236a.68.68 0 0 1-.263-.542a.8.8 0 0 1 .239-.537"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.63 5.037a4 4 0 0 0-.702.044a14.9 14.9 0 0 1 1.018 5.465c0 5.693-3.172 10.745-7.802 12.587q.35.023.707.024h.035a7.43 7.43 0 0 0 5.748-2.764c1.773-2.194 2.861-5.15 2.861-8.391a13.6 13.6 0 0 0-1.865-6.965m-.738 5.509a13.8 13.8 0 0 0-.98-5.172c-.136.056-.233.107-.304.142a.8.8 0 0 0-.424.804q.125 1.08.127 2.169c0 3.312-1.069 6.49-3.011 8.946c-1.837 2.321-4.301 3.815-6.981 4.242l.023.014a5.46 5.46 0 0 0 5.103.153c3.782-1.854 6.447-6.22 6.447-11.298M24 12.002a11.1 11.1 0 0 0-.85-4.276a4.9 4.9 0 0 0-1.072-1.627a3.6 3.6 0 0 0-.842-.631A4 4 0 0 0 21 5.356a14.84 14.84 0 0 1 1.544 6.642c0 3.294-1.073 6.467-2.982 8.901A11.14 11.14 0 0 0 24 12.002m-3.147-7.771A11.12 11.12 0 0 0 12.856.843C6.691.843 1.64 5.95 1.702 12.115c.013 1.461.315 2.905.888 4.25q-.276-.036-.555-.024c-.5.023-1.207-.157-1.527-.247c-.32-.089-.606.167-.476.465v.009c1.108 2.536 3.562 4.187 5.906 4.182q.233 0 .466-.024c5.488-.418 9.843-5.746 9.843-12.236q0-.614-.053-1.22a.24.24 0 0 0-.054-.132a.24.24 0 0 0-.263-.075a.24.24 0 0 0-.117.084c-1.518 2.009-3.766 5.541-6.579 3.7c-1.084-.706-1.661-2.225-1.335-3.772c.586-2.777 3.822-4.608 5.248-4.034c.112.045.513.205.65.571c.208.558-.421 1.018-.742 2.007c-.345 1.071-.15 2.206.092 2.256c.271.054.726-.94 1.845-1.844c.813-.654 1.426-.839 1.811-1.534c.371-.678-.29-1.392-.065-1.456c.225-.063.435.717 1.105 1.105c.559.325 1.058.122 1.794.092q.41-.003.813.063s.144.02.372.067a.1.1 0 0 0 .052-.003a.1.1 0 0 0 .04-.034a.1.1 0 0 0 .012-.051a.1.1 0 0 0-.02-.049m-8.314 8.599a.8.8 0 0 1 .508-.307a.65.65 0 0 1 .499.135c.271.251.191.736-.042 1.015c-.217.258-.644.427-.941.236a.68.68 0 0 1-.263-.542a.8.8 0 0 1 .239-.537"/></svg> </template>
CSS
.icon-sonar {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.63%205.037a4%204%200%200%200-.702.044a14.9%2014.9%200%200%201%201.018%205.465c0%205.693-3.172%2010.745-7.802%2012.587q.35.023.707.024h.035a7.43%207.43%200%200%200%205.748-2.764c1.773-2.194%202.861-5.15%202.861-8.391a13.6%2013.6%200%200%200-1.865-6.965m-.738%205.509a13.8%2013.8%200%200%200-.98-5.172c-.136.056-.233.107-.304.142a.8.8%200%200%200-.424.804q.125%201.08.127%202.169c0%203.312-1.069%206.49-3.011%208.946c-1.837%202.321-4.301%203.815-6.981%204.242l.023.014a5.46%205.46%200%200%200%205.103.153c3.782-1.854%206.447-6.22%206.447-11.298M24%2012.002a11.1%2011.1%200%200%200-.85-4.276a4.9%204.9%200%200%200-1.072-1.627a3.6%203.6%200%200%200-.842-.631A4%204%200%200%200%2021%205.356a14.84%2014.84%200%200%201%201.544%206.642c0%203.294-1.073%206.467-2.982%208.901A11.14%2011.14%200%200%200%2024%2012.002m-3.147-7.771A11.12%2011.12%200%200%200%2012.856.843C6.691.843%201.64%205.95%201.702%2012.115c.013%201.461.315%202.905.888%204.25q-.276-.036-.555-.024c-.5.023-1.207-.157-1.527-.247c-.32-.089-.606.167-.476.465v.009c1.108%202.536%203.562%204.187%205.906%204.182q.233%200%20.466-.024c5.488-.418%209.843-5.746%209.843-12.236q0-.614-.053-1.22a.24.24%200%200%200-.054-.132a.24.24%200%200%200-.263-.075a.24.24%200%200%200-.117.084c-1.518%202.009-3.766%205.541-6.579%203.7c-1.084-.706-1.661-2.225-1.335-3.772c.586-2.777%203.822-4.608%205.248-4.034c.112.045.513.205.65.571c.208.558-.421%201.018-.742%202.007c-.345%201.071-.15%202.206.092%202.256c.271.054.726-.94%201.845-1.844c.813-.654%201.426-.839%201.811-1.534c.371-.678-.29-1.392-.065-1.456c.225-.063.435.717%201.105%201.105c.559.325%201.058.122%201.794.092q.41-.003.813.063s.144.02.372.067a.1.1%200%200%200%20.052-.003a.1.1%200%200%200%20.04-.034a.1.1%200%200%200%20.012-.051a.1.1%200%200%200-.02-.049m-8.314%208.599a.8.8%200%200%201%20.508-.307a.65.65%200%200%201%20.499.135c.271.251.191.736-.042%201.015c-.217.258-.644.427-.941.236a.68.68%200%200%201-.263-.542a.8.8%200%200%201%20.239-.537%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.63%205.037a4%204%200%200%200-.702.044a14.9%2014.9%200%200%201%201.018%205.465c0%205.693-3.172%2010.745-7.802%2012.587q.35.023.707.024h.035a7.43%207.43%200%200%200%205.748-2.764c1.773-2.194%202.861-5.15%202.861-8.391a13.6%2013.6%200%200%200-1.865-6.965m-.738%205.509a13.8%2013.8%200%200%200-.98-5.172c-.136.056-.233.107-.304.142a.8.8%200%200%200-.424.804q.125%201.08.127%202.169c0%203.312-1.069%206.49-3.011%208.946c-1.837%202.321-4.301%203.815-6.981%204.242l.023.014a5.46%205.46%200%200%200%205.103.153c3.782-1.854%206.447-6.22%206.447-11.298M24%2012.002a11.1%2011.1%200%200%200-.85-4.276a4.9%204.9%200%200%200-1.072-1.627a3.6%203.6%200%200%200-.842-.631A4%204%200%200%200%2021%205.356a14.84%2014.84%200%200%201%201.544%206.642c0%203.294-1.073%206.467-2.982%208.901A11.14%2011.14%200%200%200%2024%2012.002m-3.147-7.771A11.12%2011.12%200%200%200%2012.856.843C6.691.843%201.64%205.95%201.702%2012.115c.013%201.461.315%202.905.888%204.25q-.276-.036-.555-.024c-.5.023-1.207-.157-1.527-.247c-.32-.089-.606.167-.476.465v.009c1.108%202.536%203.562%204.187%205.906%204.182q.233%200%20.466-.024c5.488-.418%209.843-5.746%209.843-12.236q0-.614-.053-1.22a.24.24%200%200%200-.054-.132a.24.24%200%200%200-.263-.075a.24.24%200%200%200-.117.084c-1.518%202.009-3.766%205.541-6.579%203.7c-1.084-.706-1.661-2.225-1.335-3.772c.586-2.777%203.822-4.608%205.248-4.034c.112.045.513.205.65.571c.208.558-.421%201.018-.742%202.007c-.345%201.071-.15%202.206.092%202.256c.271.054.726-.94%201.845-1.844c.813-.654%201.426-.839%201.811-1.534c.371-.678-.29-1.392-.065-1.456c.225-.063.435.717%201.105%201.105c.559.325%201.058.122%201.794.092q.41-.003.813.063s.144.02.372.067a.1.1%200%200%200%20.052-.003a.1.1%200%200%200%20.04-.034a.1.1%200%200%200%20.012-.051a.1.1%200%200%200-.02-.049m-8.314%208.599a.8.8%200%200%201%20.508-.307a.65.65%200%200%201%20.499.135c.271.251.191.736-.042%201.015c-.217.258-.644.427-.941.236a.68.68%200%200%201-.263-.542a.8.8%200%200%201%20.239-.537%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/sonar.svg?color=%231a73e8&size=48
