editor choice icon
editor-choice-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- editor-choice-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the editor choice icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 20.404l-2.471.856q-.137.05-.267.065T9 21.341q-.646 0-1.13-.457q-.486-.457-.486-1.159v-4.68l-2.907-4.687q-.13-.212-.186-.426q-.056-.215-.056-.432t.056-.432q.055-.214.186-.426l3.015-4.884q.218-.373.581-.566T8.866 3h6.269q.429 0 .792.192t.58.566l3.016 4.884q.13.212.187.426q.056.215.056.432t-.056.432t-.187.426l-2.907 4.686v4.681q0 .702-.485 1.159T15 21.34q-.13 0-.261-.016t-.268-.065zm0-1.081l2.808.94q.308.097.558-.076t.25-.5V16H8.384v3.687q0 .327.25.5t.557.077zM8.866 15h6.269q.154 0 .288-.077q.135-.077.23-.212l3.036-4.884q.096-.154.096-.327t-.096-.327l-3.035-4.884q-.096-.135-.231-.212Q15.289 4 15.135 4h-6.27q-.153 0-.288.077t-.23.212L5.311 9.173q-.096.154-.096.327t.096.327l3.034 4.885q.096.134.231.211t.289.077m2.084-3.538l3.89-3.916q.14-.146.342-.143q.2.003.347.143q.165.146.159.357q-.007.21-.153.357l-4.02 4.038q-.242.243-.565.243t-.565-.243L8.47 10.404q-.165-.146-.165-.347t.165-.366t.357-.166t.357.166zM12 16H8.385h7.23z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightEditorChoiceOutlineRounded(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="m12 20.404l-2.471.856q-.137.05-.267.065T9 21.341q-.646 0-1.13-.457q-.486-.457-.486-1.159v-4.68l-2.907-4.687q-.13-.212-.186-.426q-.056-.215-.056-.432t.056-.432q.055-.214.186-.426l3.015-4.884q.218-.373.581-.566T8.866 3h6.269q.429 0 .792.192t.58.566l3.016 4.884q.13.212.187.426q.056.215.056.432t-.056.432t-.187.426l-2.907 4.686v4.681q0 .702-.485 1.159T15 21.34q-.13 0-.261-.016t-.268-.065zm0-1.081l2.808.94q.308.097.558-.076t.25-.5V16H8.384v3.687q0 .327.25.5t.557.077zM8.866 15h6.269q.154 0 .288-.077q.135-.077.23-.212l3.036-4.884q.096-.154.096-.327t-.096-.327l-3.035-4.884q-.096-.135-.231-.212Q15.289 4 15.135 4h-6.27q-.153 0-.288.077t-.23.212L5.311 9.173q-.096.154-.096.327t.096.327l3.034 4.885q.096.134.231.211t.289.077m2.084-3.538l3.89-3.916q.14-.146.342-.143q.2.003.347.143q.165.146.159.357q-.007.21-.153.357l-4.02 4.038q-.242.243-.565.243t-.565-.243L8.47 10.404q-.165-.146-.165-.347t.165-.366t.357-.166t.357.166zM12 16H8.385h7.23z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 20.404l-2.471.856q-.137.05-.267.065T9 21.341q-.646 0-1.13-.457q-.486-.457-.486-1.159v-4.68l-2.907-4.687q-.13-.212-.186-.426q-.056-.215-.056-.432t.056-.432q.055-.214.186-.426l3.015-4.884q.218-.373.581-.566T8.866 3h6.269q.429 0 .792.192t.58.566l3.016 4.884q.13.212.187.426q.056.215.056.432t-.056.432t-.187.426l-2.907 4.686v4.681q0 .702-.485 1.159T15 21.34q-.13 0-.261-.016t-.268-.065zm0-1.081l2.808.94q.308.097.558-.076t.25-.5V16H8.384v3.687q0 .327.25.5t.557.077zM8.866 15h6.269q.154 0 .288-.077q.135-.077.23-.212l3.036-4.884q.096-.154.096-.327t-.096-.327l-3.035-4.884q-.096-.135-.231-.212Q15.289 4 15.135 4h-6.27q-.153 0-.288.077t-.23.212L5.311 9.173q-.096.154-.096.327t.096.327l3.034 4.885q.096.134.231.211t.289.077m2.084-3.538l3.89-3.916q.14-.146.342-.143q.2.003.347.143q.165.146.159.357q-.007.21-.153.357l-4.02 4.038q-.242.243-.565.243t-.565-.243L8.47 10.404q-.165-.146-.165-.347t.165-.366t.357-.166t.357.166zM12 16H8.385h7.23z"/></svg> </template>
CSS
.icon-editor-choice-outline-rounded {
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%22m12%2020.404l-2.471.856q-.137.05-.267.065T9%2021.341q-.646%200-1.13-.457q-.486-.457-.486-1.159v-4.68l-2.907-4.687q-.13-.212-.186-.426q-.056-.215-.056-.432t.056-.432q.055-.214.186-.426l3.015-4.884q.218-.373.581-.566T8.866%203h6.269q.429%200%20.792.192t.58.566l3.016%204.884q.13.212.187.426q.056.215.056.432t-.056.432t-.187.426l-2.907%204.686v4.681q0%20.702-.485%201.159T15%2021.34q-.13%200-.261-.016t-.268-.065zm0-1.081l2.808.94q.308.097.558-.076t.25-.5V16H8.384v3.687q0%20.327.25.5t.557.077zM8.866%2015h6.269q.154%200%20.288-.077q.135-.077.23-.212l3.036-4.884q.096-.154.096-.327t-.096-.327l-3.035-4.884q-.096-.135-.231-.212Q15.289%204%2015.135%204h-6.27q-.153%200-.288.077t-.23.212L5.311%209.173q-.096.154-.096.327t.096.327l3.034%204.885q.096.134.231.211t.289.077m2.084-3.538l3.89-3.916q.14-.146.342-.143q.2.003.347.143q.165.146.159.357q-.007.21-.153.357l-4.02%204.038q-.242.243-.565.243t-.565-.243L8.47%2010.404q-.165-.146-.165-.347t.165-.366t.357-.166t.357.166zM12%2016H8.385h7.23z%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%22m12%2020.404l-2.471.856q-.137.05-.267.065T9%2021.341q-.646%200-1.13-.457q-.486-.457-.486-1.159v-4.68l-2.907-4.687q-.13-.212-.186-.426q-.056-.215-.056-.432t.056-.432q.055-.214.186-.426l3.015-4.884q.218-.373.581-.566T8.866%203h6.269q.429%200%20.792.192t.58.566l3.016%204.884q.13.212.187.426q.056.215.056.432t-.056.432t-.187.426l-2.907%204.686v4.681q0%20.702-.485%201.159T15%2021.34q-.13%200-.261-.016t-.268-.065zm0-1.081l2.808.94q.308.097.558-.076t.25-.5V16H8.384v3.687q0%20.327.25.5t.557.077zM8.866%2015h6.269q.154%200%20.288-.077q.135-.077.23-.212l3.036-4.884q.096-.154.096-.327t-.096-.327l-3.035-4.884q-.096-.135-.231-.212Q15.289%204%2015.135%204h-6.27q-.153%200-.288.077t-.23.212L5.311%209.173q-.096.154-.096.327t.096.327l3.034%204.885q.096.134.231.211t.289.077m2.084-3.538l3.89-3.916q.14-.146.342-.143q.2.003.347.143q.165.146.159.357q-.007.21-.153.357l-4.02%204.038q-.242.243-.565.243t-.565-.243L8.47%2010.404q-.165-.146-.165-.347t.165-.366t.357-.166t.357.166zM12%2016H8.385h7.23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/editor-choice-outline-rounded.svg?color=%231a73e8&size=48
