yaak logo
yaak from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- yaak
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the yaak logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.377 0 0 5.377 0 12s5.377 12 12 12c1.26 0 2.474-.194 3.615-.555c-.272-.827-.485-1.57-.72-1.496C8.607 23.925 1.668 18.246 1.668 12C1.667 6.29 7.79-.043 14.7 1.779c.18.047 1.364-.405 2.19-.738A11.95 11.95 0 0 0 12 0m6.37 1.83c-1.866.712-6.182 2.136-7.332 3.731c-2.676.004-3.675.532-4.069.814c-.316.226-.407 2.034-.407 2.034h-.814l-.406-1.627s-3.967 4.496 1.22 4.475c.202 1.339.15 3.974.407 5.696c.27 1.806 4.18 3.74 5.29 3.662c.58-.04.362-1.65.406-2.441c2.345.802 3.653 1.981 4.285 4.76C21.106 21.046 24 16.858 24 12c0-4.284-2.25-8.046-5.63-10.17m-2.81 4.124c.667-.062 6.563 2.538 4.428 4.454c-.572.21-1.268.195-1.782.21c-2.198.065-3.007-.61-3.421-1.376c-.229-.422-.62-1.084-.492-1.24c.67.001 1.497-.031 2.034 0c-.191-.29-1.398-1.596-.814-2.034a.1.1 0 0 1 .048-.014m-3.465 6.166a1.124 1.124 0 1 1 0 2.248a1.124 1.124 0 0 1 0-2.248"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsYaak(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="M12 0C5.377 0 0 5.377 0 12s5.377 12 12 12c1.26 0 2.474-.194 3.615-.555c-.272-.827-.485-1.57-.72-1.496C8.607 23.925 1.668 18.246 1.668 12C1.667 6.29 7.79-.043 14.7 1.779c.18.047 1.364-.405 2.19-.738A11.95 11.95 0 0 0 12 0m6.37 1.83c-1.866.712-6.182 2.136-7.332 3.731c-2.676.004-3.675.532-4.069.814c-.316.226-.407 2.034-.407 2.034h-.814l-.406-1.627s-3.967 4.496 1.22 4.475c.202 1.339.15 3.974.407 5.696c.27 1.806 4.18 3.74 5.29 3.662c.58-.04.362-1.65.406-2.441c2.345.802 3.653 1.981 4.285 4.76C21.106 21.046 24 16.858 24 12c0-4.284-2.25-8.046-5.63-10.17m-2.81 4.124c.667-.062 6.563 2.538 4.428 4.454c-.572.21-1.268.195-1.782.21c-2.198.065-3.007-.61-3.421-1.376c-.229-.422-.62-1.084-.492-1.24c.67.001 1.497-.031 2.034 0c-.191-.29-1.398-1.596-.814-2.034a.1.1 0 0 1 .048-.014m-3.465 6.166a1.124 1.124 0 1 1 0 2.248a1.124 1.124 0 0 1 0-2.248"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.377 0 0 5.377 0 12s5.377 12 12 12c1.26 0 2.474-.194 3.615-.555c-.272-.827-.485-1.57-.72-1.496C8.607 23.925 1.668 18.246 1.668 12C1.667 6.29 7.79-.043 14.7 1.779c.18.047 1.364-.405 2.19-.738A11.95 11.95 0 0 0 12 0m6.37 1.83c-1.866.712-6.182 2.136-7.332 3.731c-2.676.004-3.675.532-4.069.814c-.316.226-.407 2.034-.407 2.034h-.814l-.406-1.627s-3.967 4.496 1.22 4.475c.202 1.339.15 3.974.407 5.696c.27 1.806 4.18 3.74 5.29 3.662c.58-.04.362-1.65.406-2.441c2.345.802 3.653 1.981 4.285 4.76C21.106 21.046 24 16.858 24 12c0-4.284-2.25-8.046-5.63-10.17m-2.81 4.124c.667-.062 6.563 2.538 4.428 4.454c-.572.21-1.268.195-1.782.21c-2.198.065-3.007-.61-3.421-1.376c-.229-.422-.62-1.084-.492-1.24c.67.001 1.497-.031 2.034 0c-.191-.29-1.398-1.596-.814-2.034a.1.1 0 0 1 .048-.014m-3.465 6.166a1.124 1.124 0 1 1 0 2.248a1.124 1.124 0 0 1 0-2.248"/></svg> </template>
CSS
.icon-yaak {
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%22M12%200C5.377%200%200%205.377%200%2012s5.377%2012%2012%2012c1.26%200%202.474-.194%203.615-.555c-.272-.827-.485-1.57-.72-1.496C8.607%2023.925%201.668%2018.246%201.668%2012C1.667%206.29%207.79-.043%2014.7%201.779c.18.047%201.364-.405%202.19-.738A11.95%2011.95%200%200%200%2012%200m6.37%201.83c-1.866.712-6.182%202.136-7.332%203.731c-2.676.004-3.675.532-4.069.814c-.316.226-.407%202.034-.407%202.034h-.814l-.406-1.627s-3.967%204.496%201.22%204.475c.202%201.339.15%203.974.407%205.696c.27%201.806%204.18%203.74%205.29%203.662c.58-.04.362-1.65.406-2.441c2.345.802%203.653%201.981%204.285%204.76C21.106%2021.046%2024%2016.858%2024%2012c0-4.284-2.25-8.046-5.63-10.17m-2.81%204.124c.667-.062%206.563%202.538%204.428%204.454c-.572.21-1.268.195-1.782.21c-2.198.065-3.007-.61-3.421-1.376c-.229-.422-.62-1.084-.492-1.24c.67.001%201.497-.031%202.034%200c-.191-.29-1.398-1.596-.814-2.034a.1.1%200%200%201%20.048-.014m-3.465%206.166a1.124%201.124%200%201%201%200%202.248a1.124%201.124%200%200%201%200-2.248%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%22M12%200C5.377%200%200%205.377%200%2012s5.377%2012%2012%2012c1.26%200%202.474-.194%203.615-.555c-.272-.827-.485-1.57-.72-1.496C8.607%2023.925%201.668%2018.246%201.668%2012C1.667%206.29%207.79-.043%2014.7%201.779c.18.047%201.364-.405%202.19-.738A11.95%2011.95%200%200%200%2012%200m6.37%201.83c-1.866.712-6.182%202.136-7.332%203.731c-2.676.004-3.675.532-4.069.814c-.316.226-.407%202.034-.407%202.034h-.814l-.406-1.627s-3.967%204.496%201.22%204.475c.202%201.339.15%203.974.407%205.696c.27%201.806%204.18%203.74%205.29%203.662c.58-.04.362-1.65.406-2.441c2.345.802%203.653%201.981%204.285%204.76C21.106%2021.046%2024%2016.858%2024%2012c0-4.284-2.25-8.046-5.63-10.17m-2.81%204.124c.667-.062%206.563%202.538%204.428%204.454c-.572.21-1.268.195-1.782.21c-2.198.065-3.007-.61-3.421-1.376c-.229-.422-.62-1.084-.492-1.24c.67.001%201.497-.031%202.034%200c-.191-.29-1.398-1.596-.814-2.034a.1.1%200%200%201%20.048-.014m-3.465%206.166a1.124%201.124%200%201%201%200%202.248a1.124%201.124%200%200%201%200-2.248%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/yaak.svg?color=%231a73e8&size=48
