service mark emoji
service-mark from OpenMoji by OpenMoji · Default · Extras Unicode · CC-BY-SA-4.0 Attribution required.
- Name
- service-mark
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Unicode
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras unicode icons from OpenMoji
alabama-flagandalusia-flaganticlockwise-triangle-headed-top-u-shaped-arrowaragon-flagasturian-flagbalearic-islands-flagbari-flagbasque-flagbavaria-flagberlin-flagblack-chess-bishopblack-chess-kingblack-chess-knightblack-chess-queenblack-chess-rookblack-hexagonblack-large-circleblack-octagonblack-pentagonblack-rectangleblack-starblack-vertical-ellipseblack-vertical-rectangleboys-symbol
Use the service mark emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fff"><ellipse cx="21.496" cy="30.418" rx="3.055" ry="4.02" transform="rotate(-86.78 21.496 30.418)"/><ellipse cx="21.326" cy="41.742" rx="3.055" ry="4.02" transform="rotate(-86.78 21.326 41.742)"/><rect width="3.981" height="5.627" x="30.763" y="31.92" rx=".585" ry=".585"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="6.581" d="M57.76 47.52V24.49l-9.871 19.74l-9.871-19.74v23.03"/><path stroke-width="6.574" d="M28.54 29.08c-.674-2.623-3.586-4.592-7.077-4.592c-3.991 0-7.225 2.574-7.225 5.753c0 3.175 3.235 5.753 7.225 5.753l-.148.02c3.991 0 7.225 2.577 7.225 5.753c0 3.179-3.235 5.753-7.225 5.753c-3.49 0-6.403-1.972-7.077-4.596"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiServiceMark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fff"><ellipse cx="21.496" cy="30.418" rx="3.055" ry="4.02" transform="rotate(-86.78 21.496 30.418)"/><ellipse cx="21.326" cy="41.742" rx="3.055" ry="4.02" transform="rotate(-86.78 21.326 41.742)"/><rect width="3.981" height="5.627" x="30.763" y="31.92" rx=".585" ry=".585"/></g><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round"><path strokeWidth="6.581" d="M57.76 47.52V24.49l-9.871 19.74l-9.871-19.74v23.03"/><path strokeWidth="6.574" d="M28.54 29.08c-.674-2.623-3.586-4.592-7.077-4.592c-3.991 0-7.225 2.574-7.225 5.753c0 3.175 3.235 5.753 7.225 5.753l-.148.02c3.991 0 7.225 2.577 7.225 5.753c0 3.179-3.235 5.753-7.225 5.753c-3.49 0-6.403-1.972-7.077-4.596"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fff"><ellipse cx="21.496" cy="30.418" rx="3.055" ry="4.02" transform="rotate(-86.78 21.496 30.418)"/><ellipse cx="21.326" cy="41.742" rx="3.055" ry="4.02" transform="rotate(-86.78 21.326 41.742)"/><rect width="3.981" height="5.627" x="30.763" y="31.92" rx=".585" ry=".585"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="6.581" d="M57.76 47.52V24.49l-9.871 19.74l-9.871-19.74v23.03"/><path stroke-width="6.574" d="M28.54 29.08c-.674-2.623-3.586-4.592-7.077-4.592c-3.991 0-7.225 2.574-7.225 5.753c0 3.175 3.235 5.753 7.225 5.753l-.148.02c3.991 0 7.225 2.577 7.225 5.753c0 3.179-3.235 5.753-7.225 5.753c-3.49 0-6.403-1.972-7.077-4.596"/></g></svg> </template>
CSS
.icon-service-mark {
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%2072%2072%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cellipse%20cx%3D%2221.496%22%20cy%3D%2230.418%22%20rx%3D%223.055%22%20ry%3D%224.02%22%20transform%3D%22rotate(-86.78%2021.496%2030.418)%22%2F%3E%3Cellipse%20cx%3D%2221.326%22%20cy%3D%2241.742%22%20rx%3D%223.055%22%20ry%3D%224.02%22%20transform%3D%22rotate(-86.78%2021.326%2041.742)%22%2F%3E%3Crect%20width%3D%223.981%22%20height%3D%225.627%22%20x%3D%2230.763%22%20y%3D%2231.92%22%20rx%3D%22.585%22%20ry%3D%22.585%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%226.581%22%20d%3D%22M57.76%2047.52V24.49l-9.871%2019.74l-9.871-19.74v23.03%22%2F%3E%3Cpath%20stroke-width%3D%226.574%22%20d%3D%22M28.54%2029.08c-.674-2.623-3.586-4.592-7.077-4.592c-3.991%200-7.225%202.574-7.225%205.753c0%203.175%203.235%205.753%207.225%205.753l-.148.02c3.991%200%207.225%202.577%207.225%205.753c0%203.179-3.235%205.753-7.225%205.753c-3.49%200-6.403-1.972-7.077-4.596%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%2072%2072%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cellipse%20cx%3D%2221.496%22%20cy%3D%2230.418%22%20rx%3D%223.055%22%20ry%3D%224.02%22%20transform%3D%22rotate(-86.78%2021.496%2030.418)%22%2F%3E%3Cellipse%20cx%3D%2221.326%22%20cy%3D%2241.742%22%20rx%3D%223.055%22%20ry%3D%224.02%22%20transform%3D%22rotate(-86.78%2021.326%2041.742)%22%2F%3E%3Crect%20width%3D%223.981%22%20height%3D%225.627%22%20x%3D%2230.763%22%20y%3D%2231.92%22%20rx%3D%22.585%22%20ry%3D%22.585%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke-width%3D%226.581%22%20d%3D%22M57.76%2047.52V24.49l-9.871%2019.74l-9.871-19.74v23.03%22%2F%3E%3Cpath%20stroke-width%3D%226.574%22%20d%3D%22M28.54%2029.08c-.674-2.623-3.586-4.592-7.077-4.592c-3.991%200-7.225%202.574-7.225%205.753c0%203.175%203.235%205.753%207.225%205.753l-.148.02c3.991%200%207.225%202.577%207.225%205.753c0%203.179-3.235%205.753-7.225%205.753c-3.49%200-6.403-1.972-7.077-4.596%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/service-mark.svg?color=%231a73e8&size=48
