my logo
my from Flagpack by Yummygum · Rounded · MIT Free for personal and commercial use.
- Name
- my
- Set
- Flagpack
- Style
- Rounded
- Viewbox
- 32×24
- License
- MIT
The same logo in other sets
Use the my logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#e31d1c" d="M.027 5h32v2.9h-32zm0 5.2h32v2.9h-32zm.085 5h32v2.5h-32zm0 5h32v2.7h-32z"/><path fill="#e31d1c" fill-rule="evenodd" d="M0 0h32v2.5H0z" clip-rule="evenodd"/><path fill="#3d58db" fill-rule="evenodd" d="M0 0h16v12H0z" clip-rule="evenodd"/><path fill="#feca00" fill-rule="evenodd" d="M3.594 6.202c0 1.376.648 2.678 1.966 2.678c1.98 0 2.364-.422 3.287-1.004c.219.49-.518 2.588-3.314 2.588C3.297 10.42 1.49 8.623 1.49 6.202c0-2.778 2.044-4.279 3.987-4.262c1.716 0 3.536.974 3.48 2.216c-.808-.79-1.686-.79-3.147-.79c-1.462 0-2.216 1.46-2.216 2.836" clip-rule="evenodd"/><path fill="#feca00" fill-rule="evenodd" d="m11 7.3l-.927 1.353l.045-1.64l-1.545.55l1-1.3L8 5.8l1.573-.464l-1-1.3l1.545.55l-.045-1.64L11 4.3l.927-1.353l-.045 1.64l1.545-.55l-1 1.3L14 5.8l-1.573.464l1 1.3l-1.545-.55l.045 1.64z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function FlagpackMy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fillRule="evenodd" d="M0 0h32v24H0z" clipRule="evenodd"/><path fill="#e31d1c" d="M.027 5h32v2.9h-32zm0 5.2h32v2.9h-32zm.085 5h32v2.5h-32zm0 5h32v2.7h-32z"/><path fill="#e31d1c" fillRule="evenodd" d="M0 0h32v2.5H0z" clipRule="evenodd"/><path fill="#3d58db" fillRule="evenodd" d="M0 0h16v12H0z" clipRule="evenodd"/><path fill="#feca00" fillRule="evenodd" d="M3.594 6.202c0 1.376.648 2.678 1.966 2.678c1.98 0 2.364-.422 3.287-1.004c.219.49-.518 2.588-3.314 2.588C3.297 10.42 1.49 8.623 1.49 6.202c0-2.778 2.044-4.279 3.987-4.262c1.716 0 3.536.974 3.48 2.216c-.808-.79-1.686-.79-3.147-.79c-1.462 0-2.216 1.46-2.216 2.836" clipRule="evenodd"/><path fill="#feca00" fillRule="evenodd" d="m11 7.3l-.927 1.353l.045-1.64l-1.545.55l1-1.3L8 5.8l1.573-.464l-1-1.3l1.545.55l-.045-1.64L11 4.3l.927-1.353l-.045 1.64l1.545-.55l-1 1.3L14 5.8l-1.573.464l1 1.3l-1.545-.55l.045 1.64z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#e31d1c" d="M.027 5h32v2.9h-32zm0 5.2h32v2.9h-32zm.085 5h32v2.5h-32zm0 5h32v2.7h-32z"/><path fill="#e31d1c" fill-rule="evenodd" d="M0 0h32v2.5H0z" clip-rule="evenodd"/><path fill="#3d58db" fill-rule="evenodd" d="M0 0h16v12H0z" clip-rule="evenodd"/><path fill="#feca00" fill-rule="evenodd" d="M3.594 6.202c0 1.376.648 2.678 1.966 2.678c1.98 0 2.364-.422 3.287-1.004c.219.49-.518 2.588-3.314 2.588C3.297 10.42 1.49 8.623 1.49 6.202c0-2.778 2.044-4.279 3.987-4.262c1.716 0 3.536.974 3.48 2.216c-.808-.79-1.686-.79-3.147-.79c-1.462 0-2.216 1.46-2.216 2.836" clip-rule="evenodd"/><path fill="#feca00" fill-rule="evenodd" d="m11 7.3l-.927 1.353l.045-1.64l-1.545.55l1-1.3L8 5.8l1.573-.464l-1-1.3l1.545.55l-.045-1.64L11 4.3l.927-1.353l-.045 1.64l1.545-.55l-1 1.3L14 5.8l-1.573.464l1 1.3l-1.545-.55l.045 1.64z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-my {
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%2032%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7fcff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h32v24H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e31d1c%22%20d%3D%22M.027%205h32v2.9h-32zm0%205.2h32v2.9h-32zm.085%205h32v2.5h-32zm0%205h32v2.7h-32z%22%2F%3E%3Cpath%20fill%3D%22%23e31d1c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h32v2.5H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233d58db%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h16v12H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.594%206.202c0%201.376.648%202.678%201.966%202.678c1.98%200%202.364-.422%203.287-1.004c.219.49-.518%202.588-3.314%202.588C3.297%2010.42%201.49%208.623%201.49%206.202c0-2.778%202.044-4.279%203.987-4.262c1.716%200%203.536.974%203.48%202.216c-.808-.79-1.686-.79-3.147-.79c-1.462%200-2.216%201.46-2.216%202.836%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11%207.3l-.927%201.353l.045-1.64l-1.545.55l1-1.3L8%205.8l1.573-.464l-1-1.3l1.545.55l-.045-1.64L11%204.3l.927-1.353l-.045%201.64l1.545-.55l-1%201.3L14%205.8l-1.573.464l1%201.3l-1.545-.55l.045%201.64z%22%20clip-rule%3D%22evenodd%22%2F%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%2032%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7fcff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h32v24H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e31d1c%22%20d%3D%22M.027%205h32v2.9h-32zm0%205.2h32v2.9h-32zm.085%205h32v2.5h-32zm0%205h32v2.7h-32z%22%2F%3E%3Cpath%20fill%3D%22%23e31d1c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h32v2.5H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233d58db%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h16v12H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.594%206.202c0%201.376.648%202.678%201.966%202.678c1.98%200%202.364-.422%203.287-1.004c.219.49-.518%202.588-3.314%202.588C3.297%2010.42%201.49%208.623%201.49%206.202c0-2.778%202.044-4.279%203.987-4.262c1.716%200%203.536.974%203.48%202.216c-.808-.79-1.686-.79-3.147-.79c-1.462%200-2.216%201.46-2.216%202.836%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23feca00%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11%207.3l-.927%201.353l.045-1.64l-1.545.55l1-1.3L8%205.8l1.573-.464l-1-1.3l1.545.55l-.045-1.64L11%204.3l.927-1.353l-.045%201.64l1.545-.55l-1%201.3L14%205.8l-1.573.464l1%201.3l-1.545-.55l.045%201.64z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flagpack/my.svg?color=%231a73e8&size=48
