input symbols emoji
input-symbols from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- input-symbols
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the input symbols emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#4fd1d9"/><g fill="#fff"><path d="M14 14h16v4H14zm0 8v4h6v4h4v-4h6v-4zm35.5-3q-.45-.75-1.2-1.2c-.1-.1-.2-.1-.3-.2l-.3-.2c-.2-.1-.3-.3-.5-.4c-.6-.6-1-1.2-1.1-1.7c-.2-.5-.2-.8-.2-1.1h-3.2L40.6 25c-.6-.2-1.3-.3-2-.3c-2.6 0-4.6 1.2-4.6 2.7s2.1 2.7 4.6 2.7c2.4 0 4.4-1.1 4.6-2.5l1.9-10c.3.2.5.4.8.6c.2.1.5.3.7.4c.1.1.2.1.4.2c.1 0 .2.1.3.2c.4.2.8.5 1 .8c.3.3.5.6.5 1c.1.4 0 .8-.2 1.2c-.3.8-.9 1.4-1.4 1.9s-1 .9-1.4 1.2s-.6.4-.6.4l.6-.3c.4-.2 1-.6 1.6-1c.6-.5 1.3-1.1 1.9-1.9c.3-.4.5-.9.5-1.5c.2-.7 0-1.3-.3-1.8M27.7 46.5l1.3-1.1l-2-2.2l-1.4 1.3l-2.7-2.8c1.7-.6 2.8-2 2.8-3.7c0-2.2-2.1-4-4.6-4s-4.6 1.8-4.6 4c0 .9.4 1.7.9 2.4c-1.5 1-2.5 2.5-2.5 4.3c0 2.9 2.8 5.3 6.1 5.3c1.6 0 3.2-.6 4.3-1.5l1.5 1.5l2.1-2.1zM19.6 38c0-.7.7-1.3 1.5-1.3s1.5.6 1.5 1.3s-.7 1.3-1.5 1.3s-1.5-.6-1.5-1.3m1.5 9.3c-1.7 0-3.1-1.2-3.1-2.7c0-1 .6-1.8 1.5-2.3l3.9 4c-.5.7-1.4 1-2.3 1M50 34h-4L34 50h4z"/><path d="M38 42c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m8 14c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneInputSymbols(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#4fd1d9"/><g fill="#fff"><path d="M14 14h16v4H14zm0 8v4h6v4h4v-4h6v-4zm35.5-3q-.45-.75-1.2-1.2c-.1-.1-.2-.1-.3-.2l-.3-.2c-.2-.1-.3-.3-.5-.4c-.6-.6-1-1.2-1.1-1.7c-.2-.5-.2-.8-.2-1.1h-3.2L40.6 25c-.6-.2-1.3-.3-2-.3c-2.6 0-4.6 1.2-4.6 2.7s2.1 2.7 4.6 2.7c2.4 0 4.4-1.1 4.6-2.5l1.9-10c.3.2.5.4.8.6c.2.1.5.3.7.4c.1.1.2.1.4.2c.1 0 .2.1.3.2c.4.2.8.5 1 .8c.3.3.5.6.5 1c.1.4 0 .8-.2 1.2c-.3.8-.9 1.4-1.4 1.9s-1 .9-1.4 1.2s-.6.4-.6.4l.6-.3c.4-.2 1-.6 1.6-1c.6-.5 1.3-1.1 1.9-1.9c.3-.4.5-.9.5-1.5c.2-.7 0-1.3-.3-1.8M27.7 46.5l1.3-1.1l-2-2.2l-1.4 1.3l-2.7-2.8c1.7-.6 2.8-2 2.8-3.7c0-2.2-2.1-4-4.6-4s-4.6 1.8-4.6 4c0 .9.4 1.7.9 2.4c-1.5 1-2.5 2.5-2.5 4.3c0 2.9 2.8 5.3 6.1 5.3c1.6 0 3.2-.6 4.3-1.5l1.5 1.5l2.1-2.1zM19.6 38c0-.7.7-1.3 1.5-1.3s1.5.6 1.5 1.3s-.7 1.3-1.5 1.3s-1.5-.6-1.5-1.3m1.5 9.3c-1.7 0-3.1-1.2-3.1-2.7c0-1 .6-1.8 1.5-2.3l3.9 4c-.5.7-1.4 1-2.3 1M50 34h-4L34 50h4z"/><path d="M38 42c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m8 14c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#4fd1d9"/><g fill="#fff"><path d="M14 14h16v4H14zm0 8v4h6v4h4v-4h6v-4zm35.5-3q-.45-.75-1.2-1.2c-.1-.1-.2-.1-.3-.2l-.3-.2c-.2-.1-.3-.3-.5-.4c-.6-.6-1-1.2-1.1-1.7c-.2-.5-.2-.8-.2-1.1h-3.2L40.6 25c-.6-.2-1.3-.3-2-.3c-2.6 0-4.6 1.2-4.6 2.7s2.1 2.7 4.6 2.7c2.4 0 4.4-1.1 4.6-2.5l1.9-10c.3.2.5.4.8.6c.2.1.5.3.7.4c.1.1.2.1.4.2c.1 0 .2.1.3.2c.4.2.8.5 1 .8c.3.3.5.6.5 1c.1.4 0 .8-.2 1.2c-.3.8-.9 1.4-1.4 1.9s-1 .9-1.4 1.2s-.6.4-.6.4l.6-.3c.4-.2 1-.6 1.6-1c.6-.5 1.3-1.1 1.9-1.9c.3-.4.5-.9.5-1.5c.2-.7 0-1.3-.3-1.8M27.7 46.5l1.3-1.1l-2-2.2l-1.4 1.3l-2.7-2.8c1.7-.6 2.8-2 2.8-3.7c0-2.2-2.1-4-4.6-4s-4.6 1.8-4.6 4c0 .9.4 1.7.9 2.4c-1.5 1-2.5 2.5-2.5 4.3c0 2.9 2.8 5.3 6.1 5.3c1.6 0 3.2-.6 4.3-1.5l1.5 1.5l2.1-2.1zM19.6 38c0-.7.7-1.3 1.5-1.3s1.5.6 1.5 1.3s-.7 1.3-1.5 1.3s-1.5-.6-1.5-1.3m1.5 9.3c-1.7 0-3.1-1.2-3.1-2.7c0-1 .6-1.8 1.5-2.3l3.9 4c-.5.7-1.4 1-2.3 1M50 34h-4L34 50h4z"/><path d="M38 42c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m8 14c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4m0-6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2"/></g></svg> </template>
CSS
.icon-input-symbols {
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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%234fd1d9%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M14%2014h16v4H14zm0%208v4h6v4h4v-4h6v-4zm35.5-3q-.45-.75-1.2-1.2c-.1-.1-.2-.1-.3-.2l-.3-.2c-.2-.1-.3-.3-.5-.4c-.6-.6-1-1.2-1.1-1.7c-.2-.5-.2-.8-.2-1.1h-3.2L40.6%2025c-.6-.2-1.3-.3-2-.3c-2.6%200-4.6%201.2-4.6%202.7s2.1%202.7%204.6%202.7c2.4%200%204.4-1.1%204.6-2.5l1.9-10c.3.2.5.4.8.6c.2.1.5.3.7.4c.1.1.2.1.4.2c.1%200%20.2.1.3.2c.4.2.8.5%201%20.8c.3.3.5.6.5%201c.1.4%200%20.8-.2%201.2c-.3.8-.9%201.4-1.4%201.9s-1%20.9-1.4%201.2s-.6.4-.6.4l.6-.3c.4-.2%201-.6%201.6-1c.6-.5%201.3-1.1%201.9-1.9c.3-.4.5-.9.5-1.5c.2-.7%200-1.3-.3-1.8M27.7%2046.5l1.3-1.1l-2-2.2l-1.4%201.3l-2.7-2.8c1.7-.6%202.8-2%202.8-3.7c0-2.2-2.1-4-4.6-4s-4.6%201.8-4.6%204c0%20.9.4%201.7.9%202.4c-1.5%201-2.5%202.5-2.5%204.3c0%202.9%202.8%205.3%206.1%205.3c1.6%200%203.2-.6%204.3-1.5l1.5%201.5l2.1-2.1zM19.6%2038c0-.7.7-1.3%201.5-1.3s1.5.6%201.5%201.3s-.7%201.3-1.5%201.3s-1.5-.6-1.5-1.3m1.5%209.3c-1.7%200-3.1-1.2-3.1-2.7c0-1%20.6-1.8%201.5-2.3l3.9%204c-.5.7-1.4%201-2.3%201M50%2034h-4L34%2050h4z%22%2F%3E%3Cpath%20d%3D%22M38%2042c-2.2%200-4-1.8-4-4s1.8-4%204-4s4%201.8%204%204s-1.8%204-4%204m0-6c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2m8%2014c-2.2%200-4-1.8-4-4s1.8-4%204-4s4%201.8%204%204s-1.8%204-4%204m0-6c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2%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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%234fd1d9%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M14%2014h16v4H14zm0%208v4h6v4h4v-4h6v-4zm35.5-3q-.45-.75-1.2-1.2c-.1-.1-.2-.1-.3-.2l-.3-.2c-.2-.1-.3-.3-.5-.4c-.6-.6-1-1.2-1.1-1.7c-.2-.5-.2-.8-.2-1.1h-3.2L40.6%2025c-.6-.2-1.3-.3-2-.3c-2.6%200-4.6%201.2-4.6%202.7s2.1%202.7%204.6%202.7c2.4%200%204.4-1.1%204.6-2.5l1.9-10c.3.2.5.4.8.6c.2.1.5.3.7.4c.1.1.2.1.4.2c.1%200%20.2.1.3.2c.4.2.8.5%201%20.8c.3.3.5.6.5%201c.1.4%200%20.8-.2%201.2c-.3.8-.9%201.4-1.4%201.9s-1%20.9-1.4%201.2s-.6.4-.6.4l.6-.3c.4-.2%201-.6%201.6-1c.6-.5%201.3-1.1%201.9-1.9c.3-.4.5-.9.5-1.5c.2-.7%200-1.3-.3-1.8M27.7%2046.5l1.3-1.1l-2-2.2l-1.4%201.3l-2.7-2.8c1.7-.6%202.8-2%202.8-3.7c0-2.2-2.1-4-4.6-4s-4.6%201.8-4.6%204c0%20.9.4%201.7.9%202.4c-1.5%201-2.5%202.5-2.5%204.3c0%202.9%202.8%205.3%206.1%205.3c1.6%200%203.2-.6%204.3-1.5l1.5%201.5l2.1-2.1zM19.6%2038c0-.7.7-1.3%201.5-1.3s1.5.6%201.5%201.3s-.7%201.3-1.5%201.3s-1.5-.6-1.5-1.3m1.5%209.3c-1.7%200-3.1-1.2-3.1-2.7c0-1%20.6-1.8%201.5-2.3l3.9%204c-.5.7-1.4%201-2.3%201M50%2034h-4L34%2050h4z%22%2F%3E%3Cpath%20d%3D%22M38%2042c-2.2%200-4-1.8-4-4s1.8-4%204-4s4%201.8%204%204s-1.8%204-4%204m0-6c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2m8%2014c-2.2%200-4-1.8-4-4s1.8-4%204-4s4%201.8%204%204s-1.8%204-4%204m0-6c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/input-symbols.svg?color=%231a73e8&size=48
