azul logo

azul from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.

Name
azul
Set
Skill Icons
Style
Default
Viewbox
256×256
License
MIT

Use the azul logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVGigDaJbgS)" rx="60"/><g clip-path="url(#SVGg3D4Hd7H)"><path fill="#fff" fill-rule="evenodd" d="m140.494 39.3l.106 11.3l20.87.2l20.871.2l-2.358 3.8a642 642 0 0 1-3.127 5c-.423.66-2.378 3.81-4.344 7s-5.451 8.81-7.744 12.488c-2.292 3.678-4.35 7.008-4.573 7.4a44 44 0 0 1-1.052 1.712c-.356.55-1.865 2.98-3.354 5.4c-3.928 6.386-11.736 18.97-12.78 20.6c-1.736 2.709-2.609 4.299-2.609 4.749c0 .337 11.277.428 43.7.353l43.7-.102V96.6l-23.109-.103l-23.108-.103l.67-1.297c.369-.713.986-1.747 1.371-2.297c.386-.55 2.185-3.43 3.998-6.4s3.701-6.03 4.195-6.8s2.556-4.1 4.583-7.4c2.026-3.3 4.095-6.63 4.596-7.4s2.125-3.38 3.609-5.8s3.104-5.03 3.602-5.8s2.392-3.83 4.211-6.8c1.818-2.97 3.886-6.3 4.594-7.4c2.429-3.772 6.588-10.586 6.588-10.793c0-.114-18.723-.207-41.606-.207h-41.607zm-69.071-3.2c-1.503 2.915-3.854 7.46-5.225 10.1s-4.16 8.04-6.199 12s-4.92 9.54-6.402 12.4c-6.191 11.946-8.687 16.77-18.051 34.9c-1.79 3.465-3.945 7.582-4.79 9.149s-1.716 3.322-1.936 3.9l-.4 1.051l16.69-.001l16.69-.001l2.505-4.899c8.038-15.717 11.606-22.469 11.93-22.572c.2-.064.995 1.005 1.765 2.374A849 849 0 0 0 83.396 104c.826 1.43 1.93 3.354 2.452 4.274c.522.921 2.192 3.801 3.712 6.4l2.763 4.726l17.219.104l17.219.104l-1.429-2.504l-2.228-3.904a3880 3880 0 0 0-5.305-9.2c-2.479-4.29-5.007-8.7-5.619-9.8c-.611-1.1-2.221-3.89-3.577-6.2a710 710 0 0 1-7-12.2c-.492-.88-3.603-6.28-6.916-12c-3.312-5.72-6.517-11.3-7.122-12.4s-3.14-5.512-5.632-9.806c-2.494-4.293-4.889-8.478-5.324-9.3c-1.418-2.679-2.102-2.177-5.186 3.806M28.088 163.895L28.201 193l1.127 3.2c5.005 14.228 15.233 25.158 28.654 30.62l2.901 1.18l15.059-.006c16.812-.006 15.961.11 22.063-3.018c15.31-7.849 25.003-22.075 26.772-39.292c.446-4.339.606-48.341.18-49.452c-.216-.562-1.999-.632-15.978-.632H93.245l-.141 24.7c-.156 27.349-.025 25.945-2.852 30.414c-6.734 10.647-23.545 9.747-29.28-1.568c-1.784-3.521-1.886-4.962-2.135-30.146l-.237-24l-15.312-.105l-15.313-.105zm112.178-28.028c-.146.147-.266 20.936-.266 46.199V228h88v-26.395l-30.7-.102l-30.7-.103l-.103-32.9l-.102-32.9h-12.931c-7.112 0-13.051.12-13.198.267" clip-rule="evenodd"/></g><defs><linearGradient id="SVGigDaJbgS" x1="0" x2="256" y1="0" y2="266" gradientUnits="userSpaceOnUse"><stop stop-color="#014c8e"/><stop offset="1" stop-color="#013b70"/></linearGradient><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsAzul(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVGigDaJbgS)" rx="60"/><g clipPath="url(#SVGg3D4Hd7H)"><path fill="#fff" fillRule="evenodd" d="m140.494 39.3l.106 11.3l20.87.2l20.871.2l-2.358 3.8a642 642 0 0 1-3.127 5c-.423.66-2.378 3.81-4.344 7s-5.451 8.81-7.744 12.488c-2.292 3.678-4.35 7.008-4.573 7.4a44 44 0 0 1-1.052 1.712c-.356.55-1.865 2.98-3.354 5.4c-3.928 6.386-11.736 18.97-12.78 20.6c-1.736 2.709-2.609 4.299-2.609 4.749c0 .337 11.277.428 43.7.353l43.7-.102V96.6l-23.109-.103l-23.108-.103l.67-1.297c.369-.713.986-1.747 1.371-2.297c.386-.55 2.185-3.43 3.998-6.4s3.701-6.03 4.195-6.8s2.556-4.1 4.583-7.4c2.026-3.3 4.095-6.63 4.596-7.4s2.125-3.38 3.609-5.8s3.104-5.03 3.602-5.8s2.392-3.83 4.211-6.8c1.818-2.97 3.886-6.3 4.594-7.4c2.429-3.772 6.588-10.586 6.588-10.793c0-.114-18.723-.207-41.606-.207h-41.607zm-69.071-3.2c-1.503 2.915-3.854 7.46-5.225 10.1s-4.16 8.04-6.199 12s-4.92 9.54-6.402 12.4c-6.191 11.946-8.687 16.77-18.051 34.9c-1.79 3.465-3.945 7.582-4.79 9.149s-1.716 3.322-1.936 3.9l-.4 1.051l16.69-.001l16.69-.001l2.505-4.899c8.038-15.717 11.606-22.469 11.93-22.572c.2-.064.995 1.005 1.765 2.374A849 849 0 0 0 83.396 104c.826 1.43 1.93 3.354 2.452 4.274c.522.921 2.192 3.801 3.712 6.4l2.763 4.726l17.219.104l17.219.104l-1.429-2.504l-2.228-3.904a3880 3880 0 0 0-5.305-9.2c-2.479-4.29-5.007-8.7-5.619-9.8c-.611-1.1-2.221-3.89-3.577-6.2a710 710 0 0 1-7-12.2c-.492-.88-3.603-6.28-6.916-12c-3.312-5.72-6.517-11.3-7.122-12.4s-3.14-5.512-5.632-9.806c-2.494-4.293-4.889-8.478-5.324-9.3c-1.418-2.679-2.102-2.177-5.186 3.806M28.088 163.895L28.201 193l1.127 3.2c5.005 14.228 15.233 25.158 28.654 30.62l2.901 1.18l15.059-.006c16.812-.006 15.961.11 22.063-3.018c15.31-7.849 25.003-22.075 26.772-39.292c.446-4.339.606-48.341.18-49.452c-.216-.562-1.999-.632-15.978-.632H93.245l-.141 24.7c-.156 27.349-.025 25.945-2.852 30.414c-6.734 10.647-23.545 9.747-29.28-1.568c-1.784-3.521-1.886-4.962-2.135-30.146l-.237-24l-15.312-.105l-15.313-.105zm112.178-28.028c-.146.147-.266 20.936-.266 46.199V228h88v-26.395l-30.7-.102l-30.7-.103l-.103-32.9l-.102-32.9h-12.931c-7.112 0-13.051.12-13.198.267" clipRule="evenodd"/></g><defs><linearGradient id="SVGigDaJbgS" x1="0" x2="256" y1="0" y2="266" gradientUnits="userSpaceOnUse"><stop stopColor="#014c8e"/><stop offset="1" stopColor="#013b70"/></linearGradient><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVGigDaJbgS)" rx="60"/><g clip-path="url(#SVGg3D4Hd7H)"><path fill="#fff" fill-rule="evenodd" d="m140.494 39.3l.106 11.3l20.87.2l20.871.2l-2.358 3.8a642 642 0 0 1-3.127 5c-.423.66-2.378 3.81-4.344 7s-5.451 8.81-7.744 12.488c-2.292 3.678-4.35 7.008-4.573 7.4a44 44 0 0 1-1.052 1.712c-.356.55-1.865 2.98-3.354 5.4c-3.928 6.386-11.736 18.97-12.78 20.6c-1.736 2.709-2.609 4.299-2.609 4.749c0 .337 11.277.428 43.7.353l43.7-.102V96.6l-23.109-.103l-23.108-.103l.67-1.297c.369-.713.986-1.747 1.371-2.297c.386-.55 2.185-3.43 3.998-6.4s3.701-6.03 4.195-6.8s2.556-4.1 4.583-7.4c2.026-3.3 4.095-6.63 4.596-7.4s2.125-3.38 3.609-5.8s3.104-5.03 3.602-5.8s2.392-3.83 4.211-6.8c1.818-2.97 3.886-6.3 4.594-7.4c2.429-3.772 6.588-10.586 6.588-10.793c0-.114-18.723-.207-41.606-.207h-41.607zm-69.071-3.2c-1.503 2.915-3.854 7.46-5.225 10.1s-4.16 8.04-6.199 12s-4.92 9.54-6.402 12.4c-6.191 11.946-8.687 16.77-18.051 34.9c-1.79 3.465-3.945 7.582-4.79 9.149s-1.716 3.322-1.936 3.9l-.4 1.051l16.69-.001l16.69-.001l2.505-4.899c8.038-15.717 11.606-22.469 11.93-22.572c.2-.064.995 1.005 1.765 2.374A849 849 0 0 0 83.396 104c.826 1.43 1.93 3.354 2.452 4.274c.522.921 2.192 3.801 3.712 6.4l2.763 4.726l17.219.104l17.219.104l-1.429-2.504l-2.228-3.904a3880 3880 0 0 0-5.305-9.2c-2.479-4.29-5.007-8.7-5.619-9.8c-.611-1.1-2.221-3.89-3.577-6.2a710 710 0 0 1-7-12.2c-.492-.88-3.603-6.28-6.916-12c-3.312-5.72-6.517-11.3-7.122-12.4s-3.14-5.512-5.632-9.806c-2.494-4.293-4.889-8.478-5.324-9.3c-1.418-2.679-2.102-2.177-5.186 3.806M28.088 163.895L28.201 193l1.127 3.2c5.005 14.228 15.233 25.158 28.654 30.62l2.901 1.18l15.059-.006c16.812-.006 15.961.11 22.063-3.018c15.31-7.849 25.003-22.075 26.772-39.292c.446-4.339.606-48.341.18-49.452c-.216-.562-1.999-.632-15.978-.632H93.245l-.141 24.7c-.156 27.349-.025 25.945-2.852 30.414c-6.734 10.647-23.545 9.747-29.28-1.568c-1.784-3.521-1.886-4.962-2.135-30.146l-.237-24l-15.312-.105l-15.313-.105zm112.178-28.028c-.146.147-.266 20.936-.266 46.199V228h88v-26.395l-30.7-.102l-30.7-.103l-.103-32.9l-.102-32.9h-12.931c-7.112 0-13.051.12-13.198.267" clip-rule="evenodd"/></g><defs><linearGradient id="SVGigDaJbgS" x1="0" x2="256" y1="0" y2="266" gradientUnits="userSpaceOnUse"><stop stop-color="#014c8e"/><stop offset="1" stop-color="#013b70"/></linearGradient><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-azul {
  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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVGigDaJbgS)%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGg3D4Hd7H)%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m140.494%2039.3l.106%2011.3l20.87.2l20.871.2l-2.358%203.8a642%20642%200%200%201-3.127%205c-.423.66-2.378%203.81-4.344%207s-5.451%208.81-7.744%2012.488c-2.292%203.678-4.35%207.008-4.573%207.4a44%2044%200%200%201-1.052%201.712c-.356.55-1.865%202.98-3.354%205.4c-3.928%206.386-11.736%2018.97-12.78%2020.6c-1.736%202.709-2.609%204.299-2.609%204.749c0%20.337%2011.277.428%2043.7.353l43.7-.102V96.6l-23.109-.103l-23.108-.103l.67-1.297c.369-.713.986-1.747%201.371-2.297c.386-.55%202.185-3.43%203.998-6.4s3.701-6.03%204.195-6.8s2.556-4.1%204.583-7.4c2.026-3.3%204.095-6.63%204.596-7.4s2.125-3.38%203.609-5.8s3.104-5.03%203.602-5.8s2.392-3.83%204.211-6.8c1.818-2.97%203.886-6.3%204.594-7.4c2.429-3.772%206.588-10.586%206.588-10.793c0-.114-18.723-.207-41.606-.207h-41.607zm-69.071-3.2c-1.503%202.915-3.854%207.46-5.225%2010.1s-4.16%208.04-6.199%2012s-4.92%209.54-6.402%2012.4c-6.191%2011.946-8.687%2016.77-18.051%2034.9c-1.79%203.465-3.945%207.582-4.79%209.149s-1.716%203.322-1.936%203.9l-.4%201.051l16.69-.001l16.69-.001l2.505-4.899c8.038-15.717%2011.606-22.469%2011.93-22.572c.2-.064.995%201.005%201.765%202.374A849%20849%200%200%200%2083.396%20104c.826%201.43%201.93%203.354%202.452%204.274c.522.921%202.192%203.801%203.712%206.4l2.763%204.726l17.219.104l17.219.104l-1.429-2.504l-2.228-3.904a3880%203880%200%200%200-5.305-9.2c-2.479-4.29-5.007-8.7-5.619-9.8c-.611-1.1-2.221-3.89-3.577-6.2a710%20710%200%200%201-7-12.2c-.492-.88-3.603-6.28-6.916-12c-3.312-5.72-6.517-11.3-7.122-12.4s-3.14-5.512-5.632-9.806c-2.494-4.293-4.889-8.478-5.324-9.3c-1.418-2.679-2.102-2.177-5.186%203.806M28.088%20163.895L28.201%20193l1.127%203.2c5.005%2014.228%2015.233%2025.158%2028.654%2030.62l2.901%201.18l15.059-.006c16.812-.006%2015.961.11%2022.063-3.018c15.31-7.849%2025.003-22.075%2026.772-39.292c.446-4.339.606-48.341.18-49.452c-.216-.562-1.999-.632-15.978-.632H93.245l-.141%2024.7c-.156%2027.349-.025%2025.945-2.852%2030.414c-6.734%2010.647-23.545%209.747-29.28-1.568c-1.784-3.521-1.886-4.962-2.135-30.146l-.237-24l-15.312-.105l-15.313-.105zm112.178-28.028c-.146.147-.266%2020.936-.266%2046.199V228h88v-26.395l-30.7-.102l-30.7-.103l-.103-32.9l-.102-32.9h-12.931c-7.112%200-13.051.12-13.198.267%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGigDaJbgS%22%20x1%3D%220%22%20x2%3D%22256%22%20y1%3D%220%22%20y2%3D%22266%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23014c8e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23013b70%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGg3D4Hd7H%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28%2028h200v200H28z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVGigDaJbgS)%22%20rx%3D%2260%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGg3D4Hd7H)%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m140.494%2039.3l.106%2011.3l20.87.2l20.871.2l-2.358%203.8a642%20642%200%200%201-3.127%205c-.423.66-2.378%203.81-4.344%207s-5.451%208.81-7.744%2012.488c-2.292%203.678-4.35%207.008-4.573%207.4a44%2044%200%200%201-1.052%201.712c-.356.55-1.865%202.98-3.354%205.4c-3.928%206.386-11.736%2018.97-12.78%2020.6c-1.736%202.709-2.609%204.299-2.609%204.749c0%20.337%2011.277.428%2043.7.353l43.7-.102V96.6l-23.109-.103l-23.108-.103l.67-1.297c.369-.713.986-1.747%201.371-2.297c.386-.55%202.185-3.43%203.998-6.4s3.701-6.03%204.195-6.8s2.556-4.1%204.583-7.4c2.026-3.3%204.095-6.63%204.596-7.4s2.125-3.38%203.609-5.8s3.104-5.03%203.602-5.8s2.392-3.83%204.211-6.8c1.818-2.97%203.886-6.3%204.594-7.4c2.429-3.772%206.588-10.586%206.588-10.793c0-.114-18.723-.207-41.606-.207h-41.607zm-69.071-3.2c-1.503%202.915-3.854%207.46-5.225%2010.1s-4.16%208.04-6.199%2012s-4.92%209.54-6.402%2012.4c-6.191%2011.946-8.687%2016.77-18.051%2034.9c-1.79%203.465-3.945%207.582-4.79%209.149s-1.716%203.322-1.936%203.9l-.4%201.051l16.69-.001l16.69-.001l2.505-4.899c8.038-15.717%2011.606-22.469%2011.93-22.572c.2-.064.995%201.005%201.765%202.374A849%20849%200%200%200%2083.396%20104c.826%201.43%201.93%203.354%202.452%204.274c.522.921%202.192%203.801%203.712%206.4l2.763%204.726l17.219.104l17.219.104l-1.429-2.504l-2.228-3.904a3880%203880%200%200%200-5.305-9.2c-2.479-4.29-5.007-8.7-5.619-9.8c-.611-1.1-2.221-3.89-3.577-6.2a710%20710%200%200%201-7-12.2c-.492-.88-3.603-6.28-6.916-12c-3.312-5.72-6.517-11.3-7.122-12.4s-3.14-5.512-5.632-9.806c-2.494-4.293-4.889-8.478-5.324-9.3c-1.418-2.679-2.102-2.177-5.186%203.806M28.088%20163.895L28.201%20193l1.127%203.2c5.005%2014.228%2015.233%2025.158%2028.654%2030.62l2.901%201.18l15.059-.006c16.812-.006%2015.961.11%2022.063-3.018c15.31-7.849%2025.003-22.075%2026.772-39.292c.446-4.339.606-48.341.18-49.452c-.216-.562-1.999-.632-15.978-.632H93.245l-.141%2024.7c-.156%2027.349-.025%2025.945-2.852%2030.414c-6.734%2010.647-23.545%209.747-29.28-1.568c-1.784-3.521-1.886-4.962-2.135-30.146l-.237-24l-15.312-.105l-15.313-.105zm112.178-28.028c-.146.147-.266%2020.936-.266%2046.199V228h88v-26.395l-30.7-.102l-30.7-.103l-.103-32.9l-.102-32.9h-12.931c-7.112%200-13.051.12-13.198.267%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGigDaJbgS%22%20x1%3D%220%22%20x2%3D%22256%22%20y1%3D%220%22%20y2%3D%22266%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23014c8e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23013b70%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGg3D4Hd7H%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28%2028h200v200H28z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/azul.svg?color=%231a73e8&size=48