sunflower emoji
sunflower from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- sunflower
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the sunflower emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3e721d" d="M28 27c-8 0-8 6-8 6V22h-4v11s0-6-8-6c-4 0-7-2-7-2s0 9 9 9h6s0 2 2 2s2-2 2-2h6c9 0 9-9 9-9s-3 2-7 2"/><path fill="#ffac33" d="M21.125 27.662c-.328 0-.651-.097-.927-.283l-2.323-1.575l-2.322 1.575a1.67 1.67 0 0 1-1.358.226a1.65 1.65 0 0 1-1.06-.874l-1.225-2.527l-2.797.204l-.119.004a1.656 1.656 0 0 1-1.651-1.772l.201-2.8l-2.523-1.225a1.658 1.658 0 0 1-.648-2.418l1.573-2.323l-1.573-2.322a1.65 1.65 0 0 1-.228-1.357a1.66 1.66 0 0 1 .876-1.06L7.544 7.91l-.201-2.797a1.656 1.656 0 0 1 1.77-1.771l2.797.201l1.225-2.523a1.66 1.66 0 0 1 2.418-.648l2.322 1.573L20.198.372a1.64 1.64 0 0 1 1.355-.228c.465.125.854.444 1.062.876l1.225 2.523l2.8-.201q.057-.004.116-.003a1.655 1.655 0 0 1 1.652 1.774l-.204 2.797l2.527 1.225c.433.209.751.598.874 1.06c.124.465.043.96-.227 1.357l-1.575 2.322l1.575 2.323c.269.398.351.892.227 1.356a1.65 1.65 0 0 1-.874 1.062l-2.527 1.225l.204 2.8c.034.478-.143.946-.48 1.288a1.66 1.66 0 0 1-1.288.48l-2.8-.204l-1.225 2.527a1.65 1.65 0 0 1-1.062.874a1.6 1.6 0 0 1-.428.057"/><circle cx="18" cy="14" r="7" fill="#732700"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSunflower(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3e721d" d="M28 27c-8 0-8 6-8 6V22h-4v11s0-6-8-6c-4 0-7-2-7-2s0 9 9 9h6s0 2 2 2s2-2 2-2h6c9 0 9-9 9-9s-3 2-7 2"/><path fill="#ffac33" d="M21.125 27.662c-.328 0-.651-.097-.927-.283l-2.323-1.575l-2.322 1.575a1.67 1.67 0 0 1-1.358.226a1.65 1.65 0 0 1-1.06-.874l-1.225-2.527l-2.797.204l-.119.004a1.656 1.656 0 0 1-1.651-1.772l.201-2.8l-2.523-1.225a1.658 1.658 0 0 1-.648-2.418l1.573-2.323l-1.573-2.322a1.65 1.65 0 0 1-.228-1.357a1.66 1.66 0 0 1 .876-1.06L7.544 7.91l-.201-2.797a1.656 1.656 0 0 1 1.77-1.771l2.797.201l1.225-2.523a1.66 1.66 0 0 1 2.418-.648l2.322 1.573L20.198.372a1.64 1.64 0 0 1 1.355-.228c.465.125.854.444 1.062.876l1.225 2.523l2.8-.201q.057-.004.116-.003a1.655 1.655 0 0 1 1.652 1.774l-.204 2.797l2.527 1.225c.433.209.751.598.874 1.06c.124.465.043.96-.227 1.357l-1.575 2.322l1.575 2.323c.269.398.351.892.227 1.356a1.65 1.65 0 0 1-.874 1.062l-2.527 1.225l.204 2.8c.034.478-.143.946-.48 1.288a1.66 1.66 0 0 1-1.288.48l-2.8-.204l-1.225 2.527a1.65 1.65 0 0 1-1.062.874a1.6 1.6 0 0 1-.428.057"/><circle cx="18" cy="14" r="7" fill="#732700"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#3e721d" d="M28 27c-8 0-8 6-8 6V22h-4v11s0-6-8-6c-4 0-7-2-7-2s0 9 9 9h6s0 2 2 2s2-2 2-2h6c9 0 9-9 9-9s-3 2-7 2"/><path fill="#ffac33" d="M21.125 27.662c-.328 0-.651-.097-.927-.283l-2.323-1.575l-2.322 1.575a1.67 1.67 0 0 1-1.358.226a1.65 1.65 0 0 1-1.06-.874l-1.225-2.527l-2.797.204l-.119.004a1.656 1.656 0 0 1-1.651-1.772l.201-2.8l-2.523-1.225a1.658 1.658 0 0 1-.648-2.418l1.573-2.323l-1.573-2.322a1.65 1.65 0 0 1-.228-1.357a1.66 1.66 0 0 1 .876-1.06L7.544 7.91l-.201-2.797a1.656 1.656 0 0 1 1.77-1.771l2.797.201l1.225-2.523a1.66 1.66 0 0 1 2.418-.648l2.322 1.573L20.198.372a1.64 1.64 0 0 1 1.355-.228c.465.125.854.444 1.062.876l1.225 2.523l2.8-.201q.057-.004.116-.003a1.655 1.655 0 0 1 1.652 1.774l-.204 2.797l2.527 1.225c.433.209.751.598.874 1.06c.124.465.043.96-.227 1.357l-1.575 2.322l1.575 2.323c.269.398.351.892.227 1.356a1.65 1.65 0 0 1-.874 1.062l-2.527 1.225l.204 2.8c.034.478-.143.946-.48 1.288a1.66 1.66 0 0 1-1.288.48l-2.8-.204l-1.225 2.527a1.65 1.65 0 0 1-1.062.874a1.6 1.6 0 0 1-.428.057"/><circle cx="18" cy="14" r="7" fill="#732700"/></svg> </template>
CSS
.icon-sunflower {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%233e721d%22%20d%3D%22M28%2027c-8%200-8%206-8%206V22h-4v11s0-6-8-6c-4%200-7-2-7-2s0%209%209%209h6s0%202%202%202s2-2%202-2h6c9%200%209-9%209-9s-3%202-7%202%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M21.125%2027.662c-.328%200-.651-.097-.927-.283l-2.323-1.575l-2.322%201.575a1.67%201.67%200%200%201-1.358.226a1.65%201.65%200%200%201-1.06-.874l-1.225-2.527l-2.797.204l-.119.004a1.656%201.656%200%200%201-1.651-1.772l.201-2.8l-2.523-1.225a1.658%201.658%200%200%201-.648-2.418l1.573-2.323l-1.573-2.322a1.65%201.65%200%200%201-.228-1.357a1.66%201.66%200%200%201%20.876-1.06L7.544%207.91l-.201-2.797a1.656%201.656%200%200%201%201.77-1.771l2.797.201l1.225-2.523a1.66%201.66%200%200%201%202.418-.648l2.322%201.573L20.198.372a1.64%201.64%200%200%201%201.355-.228c.465.125.854.444%201.062.876l1.225%202.523l2.8-.201q.057-.004.116-.003a1.655%201.655%200%200%201%201.652%201.774l-.204%202.797l2.527%201.225c.433.209.751.598.874%201.06c.124.465.043.96-.227%201.357l-1.575%202.322l1.575%202.323c.269.398.351.892.227%201.356a1.65%201.65%200%200%201-.874%201.062l-2.527%201.225l.204%202.8c.034.478-.143.946-.48%201.288a1.66%201.66%200%200%201-1.288.48l-2.8-.204l-1.225%202.527a1.65%201.65%200%200%201-1.062.874a1.6%201.6%200%200%201-.428.057%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2214%22%20r%3D%227%22%20fill%3D%22%23732700%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%2036%2036%22%3E%3Cpath%20fill%3D%22%233e721d%22%20d%3D%22M28%2027c-8%200-8%206-8%206V22h-4v11s0-6-8-6c-4%200-7-2-7-2s0%209%209%209h6s0%202%202%202s2-2%202-2h6c9%200%209-9%209-9s-3%202-7%202%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M21.125%2027.662c-.328%200-.651-.097-.927-.283l-2.323-1.575l-2.322%201.575a1.67%201.67%200%200%201-1.358.226a1.65%201.65%200%200%201-1.06-.874l-1.225-2.527l-2.797.204l-.119.004a1.656%201.656%200%200%201-1.651-1.772l.201-2.8l-2.523-1.225a1.658%201.658%200%200%201-.648-2.418l1.573-2.323l-1.573-2.322a1.65%201.65%200%200%201-.228-1.357a1.66%201.66%200%200%201%20.876-1.06L7.544%207.91l-.201-2.797a1.656%201.656%200%200%201%201.77-1.771l2.797.201l1.225-2.523a1.66%201.66%200%200%201%202.418-.648l2.322%201.573L20.198.372a1.64%201.64%200%200%201%201.355-.228c.465.125.854.444%201.062.876l1.225%202.523l2.8-.201q.057-.004.116-.003a1.655%201.655%200%200%201%201.652%201.774l-.204%202.797l2.527%201.225c.433.209.751.598.874%201.06c.124.465.043.96-.227%201.357l-1.575%202.322l1.575%202.323c.269.398.351.892.227%201.356a1.65%201.65%200%200%201-.874%201.062l-2.527%201.225l.204%202.8c.034.478-.143.946-.48%201.288a1.66%201.66%200%200%201-1.288.48l-2.8-.204l-1.225%202.527a1.65%201.65%200%200%201-1.062.874a1.6%201.6%200%200%201-.428.057%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2214%22%20r%3D%227%22%20fill%3D%22%23732700%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/sunflower.svg?color=%231a73e8&size=48
