vala logo
vala from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- vala
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the vala logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.384 24L8.868 2.14q-2.25.844-3.515 2.64q-1.25 1.797-1.25 4.47q0 .608.062 1q.078.374.156.609q.078.218.141.343q.078.125.078.22q-.828 0-1.468-.157q-.641-.172-1.079-.531q-.422-.359-.656-.953q-.22-.593-.22-1.469q0-1.062.453-2.093q.469-1.03 1.266-1.953q.812-.921 1.89-1.703q1.095-.781 2.329-1.344Q8.305.641 9.648.33Q11.008 0 12.352 0q.36 0 .656.016q.312.015.624.046l.282 19.687L20.648.155h2.234L13.992 24h-4.61Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsVala(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="M9.384 24L8.868 2.14q-2.25.844-3.515 2.64q-1.25 1.797-1.25 4.47q0 .608.062 1q.078.374.156.609q.078.218.141.343q.078.125.078.22q-.828 0-1.468-.157q-.641-.172-1.079-.531q-.422-.359-.656-.953q-.22-.593-.22-1.469q0-1.062.453-2.093q.469-1.03 1.266-1.953q.812-.921 1.89-1.703q1.095-.781 2.329-1.344Q8.305.641 9.648.33Q11.008 0 12.352 0q.36 0 .656.016q.312.015.624.046l.282 19.687L20.648.155h2.234L13.992 24h-4.61Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.384 24L8.868 2.14q-2.25.844-3.515 2.64q-1.25 1.797-1.25 4.47q0 .608.062 1q.078.374.156.609q.078.218.141.343q.078.125.078.22q-.828 0-1.468-.157q-.641-.172-1.079-.531q-.422-.359-.656-.953q-.22-.593-.22-1.469q0-1.062.453-2.093q.469-1.03 1.266-1.953q.812-.921 1.89-1.703q1.095-.781 2.329-1.344Q8.305.641 9.648.33Q11.008 0 12.352 0q.36 0 .656.016q.312.015.624.046l.282 19.687L20.648.155h2.234L13.992 24h-4.61Z"/></svg> </template>
CSS
.icon-vala {
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%22M9.384%2024L8.868%202.14q-2.25.844-3.515%202.64q-1.25%201.797-1.25%204.47q0%20.608.062%201q.078.374.156.609q.078.218.141.343q.078.125.078.22q-.828%200-1.468-.157q-.641-.172-1.079-.531q-.422-.359-.656-.953q-.22-.593-.22-1.469q0-1.062.453-2.093q.469-1.03%201.266-1.953q.812-.921%201.89-1.703q1.095-.781%202.329-1.344Q8.305.641%209.648.33Q11.008%200%2012.352%200q.36%200%20.656.016q.312.015.624.046l.282%2019.687L20.648.155h2.234L13.992%2024h-4.61Z%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%22M9.384%2024L8.868%202.14q-2.25.844-3.515%202.64q-1.25%201.797-1.25%204.47q0%20.608.062%201q.078.374.156.609q.078.218.141.343q.078.125.078.22q-.828%200-1.468-.157q-.641-.172-1.079-.531q-.422-.359-.656-.953q-.22-.593-.22-1.469q0-1.062.453-2.093q.469-1.03%201.266-1.953q.812-.921%201.89-1.703q1.095-.781%202.329-1.344Q8.305.641%209.648.33Q11.008%200%2012.352%200q.36%200%20.656.016q.312.015.624.046l.282%2019.687L20.648.155h2.234L13.992%2024h-4.61Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/vala.svg?color=%231a73e8&size=48
